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


كيفية تسريع تحميل مدونات بلوجر؟

1. التقليل من حجم أو كمية الصور في كل صفحة حيث أنها تأخذ المساحة الأكبر من تحميل الصفحة

2. إستخدام مواقع لضغط وتحسين الصور

3. حذف الإضافات الغير ضرورية مثل: تاريخ اليوم, الساعة, التقاويم, عداد زوار الصفحات, والكثير من الإضافات التي هي غير مفيدة لمدونتك ولست بحاجة لها.

4. تأجيل تحميل صفحة اجاكس ajax أو الملفات من جهة خارجية بصيغ .js  أو (إزالة وحدات جافا سكريبت المخصصة لحظر العرض) قبل أن يتمكن المتصفح من عرض صفحة للمستخدم، يجب أن يحلل الصفحة. وإذا واجه المتصفح نصًا برمجيًا خارجيًا للحظر أثناء التحليل، يجب أن يتوقف وينزِّل جافا سكريبت. وفي كل مرة ينفذ ذلك، فإنه يضيف جولة ذهاب وإياب، مما يتسبب في تأخير العرض الأول للصفحة.

تضمين ملف جافا سكريبت صغير

إذا كانت النصوص البرمجية الخارجية صغيرة، يمكنك تضمينها مباشرة في مستند HTML. ويتيح تضمين ملفات صغيرة بهذه الطريقة للمتصفح إمكانية متابعة عرض الصفحة. على سبيل المثال، إذا كان مستند HTML يظهر على النحو التالي:

<html>
<head>
<script type="text/javascript" src="small.js"></script>
</head>
<body>
<div>
Hello, world!
</div>
</body>
</html>

والمورد small.js يظهر على النحو التالي:
  /* contents of a small JavaScript file */
فيمكنك تضمين النص البرمجي كما يلي:

<html>
<head>
<script type="text/javascript">
/* contents of a small JavaScript file */

</script>

</head>
<body>
<div>
Hello, world!
</div>
</body>
</html>

وسيؤدي هذا إلى تقليل الطلب الخارجي لـ small.js من خلال وضعه مضمَّنًا في مستند HTML.

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

لمنع جافا سكريبت من تحميل صفحة الحظر، نوصي باستخدام سمة HTML غير المتزامنة عند تحميل جافا سكريبت. على سبيل المثال:
<script async src="my.js">
إذا كانت موارد جافا سكريبت تستخدم document.write، فلن يكون آمنًا استخدام التحميل غير المتزامن. ونحن نوصي بإعادة كتابة النصوص البرمجية التي تستخدم document.write لاستخدام أسلوب مختلف.
علاوة على ذلك، عند تحميل جافا سكريبت بشكل غير متزامن، وإذا كانت الصفحة تحمِّل النصوص البرمجية التي تعتمد على بعضها، فيجب توخي الحذر للتأكد من أن التطبيق يحمِّل نصوصًا برمجية بترتيب التبعية السليم.

الأسئلة الشائعة

ماذا لو استخدمت مكتبة جافا سكريبت مثل jQuery؟
يتم استخدام العديد من مكتبات جافا سكريبت، مثل JQuery في تحسين الصفحة لإضافة نسبة تفاعل وحركة وغير ذلك من التأثيرات. ولكن يمكن إضافة العديد من هذه الإجراءات بأمان بعد أن يتم عرض محتوى الجزء العلوي من الصفحة عند التحميل. يمكنك فحص حركة التنفيذ وتحميل محتوى جافا سكريبت هذا حتى بعد أن يتم تحميل الصفحة.

5. تحسين ملف الـ ajax في مدونات بلوجر، جميعنا يعلم أن معظم مدونات بلوجر لابد أن يتوفر فيها أحد إصدارا سكربت ajax وهو يأتي معظم الأحيان فوق الرمز </head> في قوالب بلوجر
على سبيل المثال أحد الإصدارات: <script  src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>


كيفية تحسين تحميل سكربت ajax  
أدخل قالب مدونتك
أنقر على تحرير Html
أبحث عن الكود بإستخدام الرابط الخاص بالكود مثلا هو يأتي ajax.googleapis.com
هذا الشكل:
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
ضع الرمز كما هو في الكود: async='async'
<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
أنقر على حفظ القالب.
شاهد النتيجة قبل وبعد تطبيق هذا لإجراء بإستخدام هذه الأداة: https://developers.google.com/speed/pagespeed/insights

6. ضغط أكواد القالب الخاص بمدونتك لتقليل البيانات أثناء التحميل سوف نعمل على ضغط الأكواد وإزالة الفواصل بطريقة سليمة
أداخل إلى لوحة تحكم المدونة
أختر القالب ثم أنقر على تحرير Html
حدد جميع الأكواد بالكامل ثم توجه إلى الموقع التالي :
ألصق كامل الأكواد في الموقع ثم أنقر على "Compress" كذلك إضبط إعدادات الأداة كما بالصورة التالي:

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

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

أنظر أيضاً:
تسريع مدونتك بعملية ضغط CSS و Html في قالب مدونة بلوجر - شرح كامل

By