طريقة تسريع مدونات بلوجر وتقليل وقت تحميل الصفحة

ان سرعة وقت فتح صفحات موقعك Load time من العوامل الرئيسية التى تجعل الزائر لا يمل من تصفح مواضيع مدونتك الامر الذى يعود عليك بـ باك لينك داخلى internal backlinks أعلى وكذالك حب الزائر لموقعك والعودة الية مرة اخرى مما يقلل من نسبة bounce rate، اضف الى ذالك ان جوجل فى تقيمها لموقع ما pagerank تضع فى الحساب سرعة الموقع مقارنة موقعك بالمواقع النافسة.

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

ولكن قبل تطبيق الشرح دعونا نقوم بفحص سرعة المدونة او الموقع لقياس الفرق بين قبل وبعد التطبيق ، ويمكن قياس سرعة المدونة من خلال موقع >> pingdom ادخل عنوان مدونتك ثم اضغط Test Now ستظهر لك مثل هذة القائمة لمعرفة قياس سرعة المدونة :

كما ترى فإن سرعة فتح الصفحات فى مدونة دروس اونلاين Load time هى 2.18 ثانية وهذا رقم ممتاز وايضا عند اجراء اختبار الفحص ظهر ان سرعة موقعى اكبر من 67% من اجمالى المواقع الختبرة وهذا ايضا جيد ، ولكن انتبة :

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

ملاحظات هامة : حتى يكون موقعك سريع يجب ان يكون الـ load time اقل من ثلاث ثوانى وسرعة موقعك تزيد عن 50% من جميع المواقع التى تم فحصها من قبل.

طريقة تقليل الـ Load Time لتقليل وقت تحميل الصفحات وتسريع المدونة

وذالك من خلال خطوتين : يجب اخذ نسخة احطياطية من القالب

الخطوة الاولى : اضافة كود html اعلى وسم </body> فى القالب

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>

<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>

<script type='text/javascript'>

jQuery(document).ready(function($){

if (navigator.platform == &quot;iPad&quot;) return;

jQuery(&#39;img&#39;).lazyload({

effect:&quot;fadeIn&quot;,

placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC-8YM4IVJoOqkIXJvz1gJ45tHMIipa1emGsxmAumcq-Cjv8M2T6GWuy-aEeYJN45y4q_Sc1hv0JFWPyA3f4pOxxXyD5z0h9wo2GHatnTSR9ZuIaPjG1EE2vdr5NWhCRF222SuDjbD7yU/&quot;

});

});

</script>

الان اختبر سرعة مدونتك وستجد الفرق واضح بين قبل وبعد التطبيق باذن الله

الخطوة الثانية : ضغط اكود الـ css فى القالب

انسخ الاكواد التى تقع بين

<b:skin><![CDATA[

^^^^^^^

^^^^^

^^^

^

]]></b:skin>

ثم اذهب الى هذا الموقع >> cssdrive لضغط اكواد الـ css ، واجعل الـ Compression mode كـ Normal و Comments handling كـ Don't strip any comments ثم ضغ الكود الذى قمنا بنسخة بداخل المربع اسفل كلمة Insert CSS code: وبالاخير اضغط على Compress-it وانتظر قليل ليقوم الموقع يضغط الكود ثم ضعة فى القالب مكان اكواد الـ css القديمة واضغط حفظ القالب ثم اذهب لقياس سرعة موقعك من جديد .

تحديث للموضوع: تسريع المواضيع التى تحتوى صور كثيرة

اضف الكود التالى اعلى وسم </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='https://sites.google.com/site/addinblogger/how-to-add-in-blogger/lazyload-min.js' type='text/javascript'/>

<script charset='utf-8' type='text/javascript'>

$(function() {

$(&quot;img&quot;).lazyload({placeholder : &quot;https://sites.google.com/site/addinblogger/how-to-add-in-blogger/grey.gif&quot;,threshold : 200});

});

</script>

يعمل هذا الكود على تسريع المدونة عن طريق تقليص مساحة الصور بداخل القالب لتسريع فتحت الصفحات وكذالك تسهيل عملية الاسكرول بار، اى الصعود والنزول بكرة الماوس الى الاعلى والاسفل .