شرح بالصور طريقة التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي

عندما تقوم بفحص موقعك في خدمة جوجل الجميلة PageSpeed Tools يظهر لك عدة مشاكل.

اهمها طريقة التخلص من عناصر JavaScript وCSS التي تحظر عرض المحتوى في الجزء العلوي.

تابع ايضا : شرح بالصور الاعدادات الصحيحة لأضافة WP Super Cache

شرح بالصور حل مشكلة تحسين الصور في PageSpeed Insights

 

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Enable compression

Minify CSS

Minify HTML

Minify JavaScript

اضغط علي الصورة لكي تظهر معك بالحجم الطبيعي

اضافة , عناصر , جافا , سكربت , تحظر , المجتوي , تسريع,JavaScript , CSS , Autoptimize , wordpress , علوي , PageSpeed , Tools

طبعا انا كمان عملت فحص لسرعة موقعي من خلال طبعا PageSpeed Tools وللأسف كان عندي مشاكل كتير خاصة

طريقة إزالة حظر عرض جافا سكريبت لتتناسب مع الجوال

تجنب عمليات إعادة توجيه الصفحة المقصودة

تصغير CSS

تصغير HTML

تصغير جافا سكريبت

تمكين الضغط

اضافة , عناصر , جافا , سكربت , تحظر , المجتوي , تسريع,JavaScript , CSS , Autoptimize , wordpress , علوي , PageSpeed , Tools

طبعا الشرح اليوم مخصص طريقة التخلص من عناصر JavaScript وCSS التي تحظر عرض المحتوى في الجزء العلوي

شرحنا اليوم بأذن الله هيعتمد علي الاضافة الجميلة Autoptimize

وكل ما عليك تسجيل الدخول لمدونة wordpress الخاصة بيك وتابع الشرح بالصور

قم بالضغط علي اضافات ثم اضف جديد

اضافة , عناصر , جافا , سكربت , تحظر , المجتوي , تسريع,JavaScript , CSS , Autoptimize , wordpress , علوي , PageSpeed , Tools

في المربع الصغير الموجود امامك اكتب في البحث Autoptimize كما تشاهد في الصور التالية :

اضافة , عناصر , جافا , سكربت , تحظر , المجتوي , تسريع,JavaScript , CSS , Autoptimize , wordpress , علوي , PageSpeed , Tools

بعد تحميل الاضافة اضغط علي تفعيل

اضافة , عناصر , جافا , سكربت , تحظر , المجتوي , تسريع,JavaScript , CSS , Autoptimize , wordpress , علوي , PageSpeed , Tools

بعد كده من القائمة اللي علي الجنب اضغط علي اضافات واختار Autoptimize

اضافة , عناصر , جافا , سكربت , تحظر , المجتوي , تسريع,JavaScript , CSS , Autoptimize , wordpress , علوي , PageSpeed , Tools

قم بوضع عللامة صح كما هو موضح في الصورة لتالية :

اضافة , عناصر , جافا , سكربت , تحظر , المجتوي , تسريع,JavaScript , CSS , Autoptimize , wordpress , علوي , PageSpeed , Tools

قم بالدخول لموقع PageSpeed Tools واعمل فحص جديد لموقع وان شاء الله هتلاقي النتيجة كما تشاهد في الصورة التالية

اضافة , عناصر , جافا , سكربت , تحظر , المجتوي , تسريع,JavaScript , CSS , Autoptimize , wordpress , علوي , PageSpeed , Tools

واشكركم وانتظرو باقي الشروحات لكي نصل بأذن الله بسرعة الموقع لـ 100%