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


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

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

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

هناك العديد من العوامل التي تجعل تحميل المدونة أسرع بكثير. من الأمثلة على ذلك استخدام الصور والجافاسكربت و الـ Css  من روابط خارجية  والاستخدام المفرط للأضافات.

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

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

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

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

طرق سهلة لتخفيف تحميل مدونة بلوجر.

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

1. استخدم CSS و Javascript التي تم تصغيرها

إذا كنت تستخدم css أو javascript خارجي (على سبيل المثال: jquery) ، فاستخدم إصدارًا مضغوطًا أو مصغرًا.

عادةً ما توجد ملفات css أو javascript المضغوطة في اسم الملف.

مثال

CSS bootstrap.min.css
Javascript bootstrap.min.js

هناك كلمة .min وهذا يعني أن الملف تم تصغيره.

إذا كنت ترغب في ضغط ملفات css أو javascript ، فيمكنك استخدام أداة أونلاينت تسمى freeformatter.com.

2. ضغط صور المواضيع في بلوجر

الخطوة الثانية التي يجب القيام بها هي ضغط الصورة.

نعم ... يجب أن تقوم بضغط الصور قبل وضعها في المواضيع.

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

من الواضح أن هذا سيؤدي إلى إبطاء عملية تحميل مدونتنا خاصةً إذا لم نقم بتحميل الصورة من المدونة ، ولكن باستخدام عنوان url خارجي (وليس في خادم google).

لضغط الصور أوصي باستخدام Kraken.io.

سوف يقلل Kraken.io من حجم الصورة دون تقليل جودة الصورة.

3. تجنب استخدام الصور في الخلفية

معظم المدونين المبتدئين يقومون بذلك بهدف تجميل مدوناتهم.

حتى بعد أن تقرأ ما يوجد في النقطة رقم 2 أعلاه. بالطبع سيؤدي استخدام هذه الصورة إلى إبطاء عملية تحميل المدونة.

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

4. تثبيت الأضافات بحسب الحاجة إليها فقط

توفر منصة بلوجر بالفعل الكثير من الأضافات ، وهي تهدف إلى تسهيل التصفح في مدونتك حتى تصبح مدونتك أكثر إحترافية. ولكن عليك أن تعرف أن تثبيت أضافة أو أداة ما على مدونتك سيؤثر أيضًا على سرعة تحميل المدونة.

كلما زاد عدد الإضافات ، كلما كان علي متصفحك أن يقوم بمعالجة أكواد أكثر عند تحميل صفحة في مدونتك وبالتالي بطئ التحميل.

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

5. لأ تقم بوضع الكثير من الأعلانات

 وضع الكثير من الإعلانات مربحًا بالفعل. ولكن الكثير منها يقوم بالتسبب في بطئ المدونة أيضا. وإلى جانب التباطؤ ، يوجد أحيانًا أيضًا زوّار لا يحبون المدونات التي يوجد بها الكثير من الأعلانات.

لذلك أقترح نشر الإعلانات في المكان المناسب ، ولا تضع الكثير. هذا من أجل زيادة سرعة تحميل مدونتنا وراحة القارئ.

6. ضع أكود الجافا سكريبت قبل إغلاق وسم <head>

لتحميل المدونة بشكل أسرع ، يتم وضع رموز جافا سكريبت غير خارجية أو داخلية داخل الوسم <head>.

أوصي بوضع الجافا سكريبت داخلي قبل إغلاق الوسم <head>. ولا تنس أن تكتب شفرة جافا سكريبت بتنسيق بلوجر ، لذلك لا توجد تغييرات على الكود.

فيما يلي كيفية كتابة شفرة javascript بتنسيق بلوجر.

<script type="text/javascript">
//<![CDATA

// ضع كود جافا سكريبت هنا

//]]>
</script>

7. إضافة Lazy Load لتسريع مدونات بلوجر

لاستخدام  lazyload علي الصور أوصي باستخدام lazysizes.js.

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

لمعرفة كيفية استخدامها بسهولة ، يمكنك قراءة مستودع Github للأداة من هنا LazySizes.

8. استخدام سكريبت LazyLoad لأدسنس

مثل LazyLoad للصور ، وهو تأخير تحميل الصور.ولكن lazyload هذه المرة ل adsense.

إذا كنت قد قمت بالفعل بتثبيت إعلانات Google Adsense على مدونتك. سيؤدي ذلك بالتأكيد إلى تقليل سرعة تحميل المدونة قليلاً .
لأضافة سكريبت LazyLoad لأدسنس قم بوضع الكود التالي بداخل الوسم </body> أو &lt;!--</body>--&gt;&lt;/body&gt;


<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>

بعد أضافة كود adsense lazyload ، يرجى حذف الكود الخاص بإعلانات Adsense الخارجية مثل هذا:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

9. قم بحذف حزمة بلوجر الافتراضية

الغرض من حذف حزمة بلوجر الافتراضية هو عدم استخدام CSS و JavaScript blogger الافتراضي لبلوجر.

هذا سوف يسرع تحميلالمدونة بشكل ملحوظ.

فيما يلي طريقة لحذف حزمة بلوجر الافتراضية.

لكن احذر من الأخطاء ! إذا حدث ذلك ، فسيكون له تأثير سيء على قالب مدونتك. لذلك قبل تطبيق الطريقة التالية ، يرجى أخذ نسخة إختياطية  للقالب أولاً.
  1. أولاً قم بتغيرالوسم <head> إلي الكود التالي &lt;head&gt;
  2. بعد ذلك استبدل الكود </head> بالكود النالي.
    &lt;/head&gt;&lt;!--<head/>--&gt;
  3. وأخيرا ، قم بتغيير الكود </body> بالكود التالي.
    &lt;!--</body>--&gt;&lt;/body&gt;

10. تحسين المدونة علي  GTMetrix أو PageSpeed Insight

آخر نصيحة للتحسين ، بعد الانتهاء من النصائح السابقة ، يرجى التحقق من سرعة مدونتك على GTMetrix أو Pagespeed Insights.

عادة ما يكون هناك شيئان أقوم بإصلاحهما بعد تحليل مدونتي  ، وهما Add Expires Headers و Reduce DNS Lookup. يمكن التغلب على كليهما بإضافة رؤوس انتهاء الصلاحية وإضافة الجلب المسبق لنظام أسماء النطاقات.

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

ما يلي هو كود لإضافةExpire Header ، يرجى وضع بداخل الوسم <head>.

<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta http-equiv="expires" content="sat, 02 jun 2020 00:00:00 GMT"/>

النقطة المهمة هي أننا ننصح بتقليل الطلبات الكثيرة على النطاقات المختلفة.

التالي هو الكود أستخدام Reduce DNS Lookup ، يرجى وضعه في  الوسم <head>.


<link href='//عنوان_مدونتك_هنا_' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//adservice.google.ca' rel='dns-prefetch'/>
<link href='//adservice.google.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
يرجى استبدال عنوان_مدونتك_هنا_ مع عنوان مدونتك، مثل  iminweb.com.

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

تعليقات

الأرشيف

نموذج الاتصال

إرسال