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

السرعة؟  حتى جوجل تعتبر السرعة عاملا أساسيا لتصنيف المواقع. لذلك من الصواب أن تشعر بالقلق إزاء سرعة مدونتك. عامل تصنيف الأجهزة المحمولة على Google  أصبح عاملاً أساسيًا في التصنيف.

طرحت جوجل إطار عمل AMP للمواقع لجعل تحميل نسخة الجوال من الموقع أسرع. لكن لسوء الحظ ، فإن إطار عمل AMP غير متاح لـ بلوجر رسميًا. قد تجد العديد من المواقع التي تقدم قوالب AMP لبلوجر أو شرح لاستخدام إطار AMP في قالب بلوجر الحالي للمدونه.

AMP ليس خيارًا جيدًا لمنصة بلوجر في الوقت الحالي نظرًا لعدم وجود دعم رسمي لها حاليًا. إن تحويل اكواد القالب  إلى AMP سيجعلها مجرد صداع للأشخاص الذين ليسوا على دراية جيدة بالتغيير والتبديل في الكود.

وبالتالي ، فإنه يخلق مشكلة كبيرة لمستخدمي بلوجر لجعل تحميل مدونتهم أسرع . علاوة على ذلك ، يؤدي إلى فقدان قراء المدونات والمستخدمين. وفقًا للمسح ، سيتخلى 40٪ من الأشخاص عن موقع الويب الخاص بك إذا تطلب الأمر تحميل أكثر من 3 ثوان ، وستتسبب كل ثانية إضافية يتحملها موقعك في انخفاض معدل التحويل بنسبة 7٪.

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

تحديد أولويات المحتوى المرئي

حسنًا ، لذا فإن الطريقة الأولى لتسريع مدونتك الإلكترونية هي إعطاء الأولوية للمحتوى المرئي. إذا استخدمت أداة Insights Tool من جوجل ، فقد تكون على دراية بهذه المشكلة.

حسنا ، اليك طريقة حل مشكلة Prioritize Visible Content . تحدث هذه المشكلة أساسًا لأنك استخدمت قطعًا كبيرة من أكواد جافا سكريبت أو CSS في مدونتك بدلاً من استضافتها على خادم خارجي. قد يكون  Jquery أو Font Awesome.

لحل هذه المشكلة ، انتقل إلى المظهر  في لوحة تحكم بلوجر و تعديل HTML وابحث عن القطعة الكبيرة من الأكواد الموجودة. افتح الآن برنامج تحرير النصوص كا Vscode أو Atom أو Notepad++  واكتب الأكواد بالتنسيق التالي:

 <script>
    //قطعة كبيرة من أكواد جافا سكريبت

    //قطعة أخرى كبيرة من رموز جافا سكريبت
 </script>

احفظ الملف كـ javascript.js. الآن قم بتحميله على خادم خارجي  وقم بوضعه في مدونتك كالتالي:

<script src='رابط الجافاسكريبت'/>

استبدل رابط الجافاسكريبت بربط الكود الذي حصلت عليه بعد تحميل الملف.

لتطبيق هذا الشرح علي Css اتبع التالي.

  <style>
    //Css من أكواد جافا سكريبت

    //css بيرة من رموز جافا سكريبت
 </style>

وحفظه كـ CSSCodes.CSS وتحميله على خادم خارجي.
ضعها في مدونتك أتبع التالي:

<link href='رابط كود css'/>

تأجيل تحميل جافا سكريبت

تأجيل تحميل الجافا سكريبت

عدم  مزامنة جافا سكريبت 

استخدام ميزة Lazy Load عند تحميل الصور

<script type='text/javascript'>

// <![CDATA[

 /*! Lazy Load 1.9.3 - MIT license - Copyright 2010-2013 Mika Tuupola */

        !function(a,b,c,d){var e=a(b);a.fn.lazyload=function(f){function g(){var b=0;i.each(function(){var c=a(this);if(!j.skip_invisible||c.is(":visible"))if(a.abovethetop(this,j)||a.leftofbegin(this,j));else if(a.belowthefold(this,j)||a.rightoffold(this,j)){if(++b>j.failure_limit)return!1}else c.trigger("appear"),b=0})}var h,i=this,j={threshold:0,failure_limit:0,event:"scroll",effect:"show",container:b,data_attribute:"original",skip_invisible:!0,appear:null,load:null,placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"};return f&&(d!==f.failurelimit&&(f.failure_limit=f.failurelimit,delete f.failurelimit),d!==f.effectspeed&&(f.effect_speed=f.effectspeed,delete f.effectspeed),a.extend(j,f)),h=j.container===d||j.container===b?e:a(j.container),0===j.event.indexOf("scroll")&&h.bind(j.event,function(){return g()}),this.each(function(){var b=this,c=a(b);b.loaded=!1,(c.attr("src")===d||c.attr("src")===!1)&&c.is("img")&&c.attr("src",j.placeholder),c.one("appear",function(){if(!this.loaded){if(j.appear){var d=i.length;j.appear.call(b,d,j)}a("<img />").bind("load",function(){var d=c.attr("data-"+j.data_attribute);c.hide(),c.is("img")?c.attr("src",d):c.css("background-image","url('"+d+"')"),c[j.effect](j.effect_speed),b.loaded=!0;var e=a.grep(i,function(a){return!a.loaded});if(i=a(e),j.load){var f=i.length;j.load.call(b,f,j)}}).attr("src",c.attr("data-"+j.data_attribute))}}),0!==j.event.indexOf("scroll")&&c.bind(j.event,function(){b.loaded||c.trigger("appear")})}),e.bind("resize",function(){g()}),/(?:iphone|ipod|ipad).*os 5/gi.test(navigator.appVersion)&&e.bind("pageshow",function(b){b.originalEvent&&b.originalEvent.persisted&&i.each(function(){a(this).trigger("appear")})}),a(c).ready(function(){g()}),this},a.belowthefold=function(c,f){var g;return g=f.container===d||f.container===b?(b.innerHeight?b.innerHeight:e.height())+e.scrollTop():a(f.container).offset().top+a(f.container).height(),g<=a(c).offset().top-f.threshold},a.rightoffold=function(c,f){var g;return g=f.container===d||f.container===b?e.width()+e.scrollLeft():a(f.container).offset().left+a(f.container).width(),g<=a(c).offset().left-f.threshold},a.abovethetop=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollTop():a(f.container).offset().top,g>=a(c).offset().top+f.threshold+a(c).height()},a.leftofbegin=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollLeft():a(f.container).offset().left,g>=a(c).offset().left+f.threshold+a(c).width()},a.inviewport=function(b,c){return!(a.rightoffold(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.abovethetop(b,c))},a.extend(a.expr[":"],{"below-the-fold":function(b){return a.belowthefold(b,{threshold:0})},"above-the-top":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-screen":function(b){return a.rightoffold(b,{threshold:0})},"left-of-screen":function(b){return!a.rightoffold(b,{threshold:0})},"in-viewport":function(b){return a.inviewport(b,{threshold:0})},"above-the-fold":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-fold":function(b){return a.rightoffold(b,{threshold:0})},"left-of-fold":function(b){return!a.rightoffold(b,{threshold:0})}})}(jQuery,window,document);

        $(function() {

          $("img.lazy").lazyload({

            effect : "fadeIn"

          });

        });

// ]]>