سرعة الموقع تؤثر على كل شيء: ترتيبك في جوجل، ومدة بقاء الزائر، وأرباح الإعلانات. والزائر الذي ينتظر أكثر من ثلاث ثوانٍ يغادر غالبًا قبل أن يرى محتواك.
جمعنا لك اثنتي عشرة طريقة عملية لتسريع مدونة بلوجر، مرتبة من الأكثر تأثيرًا إلى الأقل.
قِس قبل أن تبدأ
افتح PageSpeed Insights وجرب رابط مدونتك، وركز على نتيجة الهاتف لأنها التي يعتمد عليها جوجل. احفظ النتيجة لتقارن بعد التحسين.
1. اختر قالبًا خفيفًا
القالب هو العامل الأكبر في السرعة. القوالب التي تعتمد على jQuery ومكتبات كثيرة وخطوط متعددة تبطئ الموقع مهما حسّنت الباقي.
2. صغّر الصور قبل رفعها
صورة بعرض 1200 بكسل تكفي لأي مقال. اضغط الصور بأدوات مجانية قبل رفعها، واستخدم صيغة WebP إن أمكن.
3. التحميل الكسول للصور
الصور التي لا تظهر في أول الشاشة يجب ألا تُحمّل إلا عند الوصول إليها. القوالب الحديثة تفعل ذلك تلقائيًا.
4. حمّل الإعلانات بذكاء
أكواد الإعلانات من أثقل ما في الصفحة. القالب الجيد يؤخر تحميلها حتى يظهر المحتوى، ويحجز مساحتها حتى لا تهتز الصفحة.
5. قلل الأدوات والسكربتات الخارجية
كل أداة إضافية في التنسيق مثل عدادات الزوار والدردشة ومشغلات الموسيقى تضيف طلبات جديدة. احذف ما لا تحتاجه.
6. خط واحد يكفي
استخدام خطين أو ثلاثة من جوجل فونتس يضيف ملفات كثيرة. خط واحد للعناوين والنص يكفي، أو استخدم خطوط الجهاز.
7. قلل عدد المقالات في الصفحة الرئيسية
عرض 30 مقالًا بصورها في الرئيسية يبطئها. سبعة إلى عشرة مقالات مع زر «تحميل المزيد» أفضل.
8. فيديوهات يوتيوب بحكمة
كل فيديو مضمن يحمّل ملفات كثيرة. ضع الفيديو في المقالات التي تحتاجه فقط.
9. تجنب النوافذ المنبثقة الثقيلة
النوافذ التي تظهر فوق المحتوى تزعج الزائر وقد يعاقب جوجل عليها على الهاتف.
10. ثبّت أبعاد الصور والإعلانات
عندما تُحمّل صورة أو إعلان دون أبعاد محددة يتحرك المحتوى، وهذا يرفع مؤشر CLS ويضر الترتيب.
11. راجع الأكواد المخصصة
الأكواد التي تضيفها في أداة HTML أو في القالب قد تكون قديمة أو مكررة. راجعها واحذف غير المستخدم.
12. أعد القياس بعد كل تغيير
غيّر شيئًا واحدًا ثم قس من جديد، حتى تعرف ما الذي أحدث الفرق.
| المؤشر | القيمة الجيدة |
|---|---|
| LCP (ظهور أكبر عنصر) | أقل من 2.5 ثانية |
| INP (الاستجابة للتفاعل) | أقل من 200 ملي ثانية |
| CLS (استقرار الصفحة) | أقل من 0.1 |
قالب سريع من الأساس
قوالب عرب ثيمز بدون jQuery، وبتحميل ذكي للصور والإعلانات، لتحقق نتائج عالية في PageSpeed.
جرّب المعاينة الحية
