الدرس 84: كيفية اصلاح اخطاء بلوجر اتناء تحليلها على اداة PageSpeed Insights


السلام  عليكم  اخواني الكرام فى درس جديد  على قسم الخاص بدورة انشاء مدونة بلوجر احترافية على مدونة علوم و تقنيات , فى بعض الدروس السابقة قمنا بطرح مواضيع حول طرق تسريع تصفح مدونة بلوجر و ايضا اصلاح الاخطاء الشائعة فيها .

الدروس  السابقة : 

في هذا الدرس سنكمل دروسنا فى فى هذا المجال عبر شرح لكم كيفية اصلاح الاخطاء الخطيرة التى تظهر لك عند فحص مدونة على صفحة الويب التى نجد فيها الاداة المقدمة من طرف جوجل  PageSpeed Insights لفحص سرعة موقعك او مدونتك و اظهار الامور الازم اصلاحها على حسب خطورتها
طرق اصلاح مشاكل سرعة بلوجر الظاهرة على صفحة PageSpeed Insights

طبعا من فوائد هذه الصفحة اصلاح الاخطاء التى تقوم بمنع ظهور بعض السكريبات و تقوم بثقل فى ظهور بعض الادوات المضافة على مدونتك , وايضا زيادة سرعة ظهور الاعلانات التى تضيفها على مدونتك مثل اعلانات ادسنس , و ايضا تصبح مدونتك محببة لمحركاث البحث ممايزيد من ظهورها فى نتائج البحث 
اداة صفحة الفحص الخاصة بجوجل من هنا : PageSpeed Insights

شاهد معي بعض الاخطاء التى نجدها على مدونات بلوجر فى صفحة PageSpeed Insights و شرح كيفية اصلاحها
1- الاكواد المستعملة فى الدرس : 
استبدل رابط او وجدته :
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
بـــ
<script type='text/javascript'>//<![CDATA[
//add Font Awesome
      var cb = function() {
        var l = document.createElement('link'); l.rel = 'stylesheet';
        l.href = '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css';
        var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
      };
      var raf = requestAnimationFrame || mozRequestAnimationFrame ||
          webkitRequestAnimationFrame || msRequestAnimationFrame;
      if (raf) raf(cb);
      else window.addEventListener('load', cb);
//]]></script> 

2- اضف كود async='async'  فى روابط اكواد  الجافا سكريب  
مثال :
كان هكذا :
<script src="//xxxxxxxxxxxxxxxxxxxxxxxxx.js"></script>
يصبح هكذا :
<script async='async' src="//xxxxxxxxxxxxxxxxxxxxxxxxx.js"></script>

3- اكواد المستعملة للتخلص من مشكل : Leverage browser caching تضاف فوق الكود </head>
<!--leverage browser cache http://arabes1.com/-->
<include expiration='7d' path='/assets/**.css'/>
<include expiration='7d' path='/assets/**.js'/>
<include expiration='7d' path='/assets/**.gif'/>
<include expiration='7d' path='/assets/**.jpeg'/>
<include expiration='7d' path='/assets/**.jpg'/>
<include expiration='7d' path='/assets/**.png'/>

كان هذا درسنا  ارجوا ان ينال افادتكم , سنلتقي فى درس اخر لحل المشاكل الاخرى الباقية .

جميع الحقوق محفوضة لدى مدونة علوم و تقنيات | Privacy-Policy | سياسة الخصوصية | اتفاقية الاستخدام

تعديل : Abderhim