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

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

إن امتلاك مدونة ذات تصميم جيد وسريع الاستجابة ليس فقط عاملاً يجب علينا التفكير فيه عند إنشاء أو تعديل قالب المدونة الخاص بنا. فيجب أن نتأكد أيضًا من أن تحميل المدونة يكون بشكل أسرع ، بحيث يرى زوار موقعنا صفحة معينة من مدونتنا بسهولة ويقلل من التحويلات.
هل تعلم أن سرعة تحميل المدونة يمكن أن يكون عامل ترتيب لـ Google؟
 إن سرعة الصفحة هي بالفعل صفقة كبيرة لجميع المواقع ، خاصة بالنسبة لمواقع التجارة الإلكترونية التي تحقق أرباحًا تفوق 100000 دولار في اليوم الواحد ، لأنه في غضون ثانية واحدة من تأخير سرعة التحميل يمكن أن تفقد 2.5 مليون دولار في مبيعاتها سنويًا وفقًا لدراسة القياسات.
 أيضا ، وفقا لهم ، سيغادر 40٪ من الأشخاص موقعًا يستغرق 3 ثوانٍ لتحميله.
في بعض الأحيان ، لا يتم تحسين القالب الذي اشتريته أو قمت بتنزيله مجانًا بشكلٍ كامل من أجل التحميل الأسرع ، وفي بعض الأحيان نحتاج إلى تحسينه يدويًا.
 أثناء متابعة قراءة هذه الصفحة ، ستتعلم أشياء بسيطة عن كيفية تسريع تحميل مدونة Blogger بشكل أسرع.
أول شيء ستفعله هو التحقق من مدونتك أولاً باستخدام أداة PageSpeed Insight.
 في هذه الأداة ، سترى بعض المشكلات والأشياء التي يجب عليك القيام بها على مدونتك حتى يتم تحميلها بشكل أسرع.
اليك أهم الخطوات :

1_ضغط أكواد CSS / JavaScript

يؤدي ضغط أكواد CSS و JavaScript إلى حذف المسافات البيضاء في القالب الخاص بك. 

وفي ما يلي مثال على رموز CSS غير المضبوطة.

#menu ul.menus
{
   height:auto;overflow:hidden;
   width:180px;background:#111;
   position:absolute;z-index:99;
   display:none;border:0;
}
#menu ul.menus li
{
   display:block;
   width:100%;
   font:12px Arial;
   text-transform:none;
}

وهذا مثال عن كود جافا سكريبت غير مضغوط

<script>
var span = document.getElementsByTagName( ‘span’ )[0];
 span.innerText = ‘interactive’; span.style.display  = ‘inline’;

var loadTime = document.createElement ( ‘div’ );
loadTime.innerText = ‘You loaded this page on:  ’  + new Date();
 loadTime.style.color  =  ‘blue’;
 document.body.appendChild (loadTime);
</script>

لا تساعدنا المساحة البيضاء في قراءة CSS و JavaScript Script في القالب بسهولة ولا تساعد المتصفحات في تحليلها. لذا إذا قمت بإزالة بعض المسافات في كود CSS و Java Script ، فستقوم بتقليل كمية البيانات التي تحصل عليها المتصفحات على القالب الخاص بك.
هناك بعض الأدوات على الويب يمكن أن تساعدك على ضغط أكواد CSS وجافا سكريبت بسهولة. (csscompressor، minifyjs)
2_ يمكن أن يستغرق استخدام أكواد جافا سكريبت الخارجي الكثير من الوقت قبل أن يتم تنفيذه على صفحة الويب. السبب في ذلك هو أن المتصفحات ستنزل أولاً ملف جافا سكريبت إلى موقع حفظت فيه قبل أن يتم تنفيذه في المتصفح.
يؤدي استخدام سمة Async إلى علامة Script إلى إعلام المتصفحات بالاستمرار في تحليل html دون حظر إنشاء الأخطاء. بمعنى آخر ، سيستمر تحميل العناصر الأخرى على المدونة دون انتظار تحميل ملف جافا سكريبت.
 في بعض الأحيان ، لا يمكننا تجنب استخدام ملفات جافا سكريبت خارجية في قالب المدونة ، فإن ملف جافا سكريبت مفيد إذا قمت بتحديد الأولويات لتصغير كود html الخاص بك. فلا يمكن استخدام Async إلا في ملف جافا سكريبت خارجي ، ولن يعمل على البرنامج النصي المضمَّن.
في ما يلي مثال على ملف جافا سكريبت الخارجي مع سمة Async.
<script src="https://apis.google.com/js/platform.js" async="async"></script>

3_أزل النصوص الغير المستخدمة على HTML

هذا مثال لحذف النص الآخر على الرموز التي لم يتم استخدامها. عند زيارة أكواد القالب ، أنا متأكد من أنك ستلاحظ أن هناك بعض النصوص تبدو مثل هذا <! - end blah blah blah -> and / * ------------ * /. هذا النص هو مجرد طريقة لقول شيء عن الرموز على html ، لن يفعل أي شيء على مدونتك.

 لذا إذا قمت بإزالة النص غير المستخدم ، فستقوم بتقليل حجم بايت html  للقالب الخاص بك.

4_ قم بتحسين كل الصور

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

المصدر :

الرابط