مرحبا اصدقائي فى حلقة جديدة على قسم الخاص بانشاء مدونة بلوجر احترافية , نواصل معكم احبابي الكرام فى دروس حل مشاكل التى تثقل من ظهور صفحات او مدونة بلوجر , وفي هذه الحلقة سوف نحل مشكل Render-Blocking JavaScript التى تسببها مكتبة الاجاكس الخاصة بجوجل ajax.googleapis و التى تظهر لنا اخطائها على صفحة PageSpeed Insights
مامعنى اخطاء Render-Blocking JavaScript الظاهرة على PageSpeed Insights
قبل أن يتمكن المتصفح من عرض الصفحة الخاصة بموقعك ، يجب عليه إنشاء شجرة DOM عن طريق تحليل ترميز HTML. أثناء هذه العملية ، كلما واجه المحلل نصًا برمجيًا ، عليه إيقافه وتنفيذه قبل أن يتمكن من متابعة تحليل HTML. في حالة وجود نص برمجي خارجي ، يضطر المحلل أيضًا إلى الانتظار حتى يتم تنزيل المورد ، مما قد يؤدي إلى تكبد واحد أو أكثر من الرحلات ذهابًا وإيابًا للشبكة ويؤخر وقت عرض الصفحة لأول مرة.
التوصيات لتجنب أخطاء Remove Render-Blocking JavaScript
يجب أن تتجنب وتقليل استخدام حظر جافا سكريبت ، وخاصة البرامج النصية الخارجية التي يجب جلبها قبل أن يتم تنفيذها. يمكن تضمين البرامج النصية الضرورية لعرض محتوى الصفحة لتجنب طلبات الشبكة الإضافية ، ولكن يجب أن يكون المحتوى المضمّن صغيرًا ويجب أن يتم تنفيذه بسرعة لتقديم أداء جيد. يجب جعل البرامج النصية غير الهامة للعرض الأولي غير متزامنة أو مؤجلة إلى ما بعد التصيير الأول. يرجى أن تضع في اعتبارك أنه من أجل تحسين وقت التحميل ، يجب عليك أيضًا تحسين تسليم CSS.ماهي مخاطر Render-Blocking JavaScript
- ثقل فى الارشفة- تجاهل محركاث البحث لصفحات موقعك
- تجربة مستخدم سيئة
- ثقل فى تحميل الصفحة
- ثقل فى ظهور اعلانات ادسنس
فى الحلقة الاتية سوف نتعلم حل مشكل Render-Blocking JavaScript الخاصة بمكتبة ajax.googleapis على بلوجر , وطبعا فى الحلقات القادمة سوف نحاول تقديم لكم حلول لاغلب السكريبات الخارجية التى تسبب منع عرض الصفحة على مدونة بلوجر
تابع ايضا: اضافة سكريبت lazyload google analytics لتسريع تحميل مدونة بلوجر
حل مشكلة حظر العرض بسبب مكتبة اجاكس جوجل لتسريع مدونة بلوجر
رابط الموقع المستخدم : cdnjs cloudflare
ان نالت الحلقة افادتك لاتنسى ايضا مشاركتها مع اصدقائك