دراسة حالة في السرعة
تواصل معنا عميل في أكتوبر بمشكلة شائعة. متجره على سلة بطيء، وكان يعرف أن هذا يؤثر على المبيعات. ما لم يعرفه هو كم بالضبط. درجته في PageSpeed Insights كانت 14 على الجوال. ليست خطأ مطبعي. أربعة عشر من مئة.
المتجر يبيع أزياء نسائية في السعودية. منتجات جيدة، أسعار منافسة، تسويق منتظم على انستجرام. لكن الزوار ينقرون من انستجرام، ينتظرون تحميل الصفحة، ويغادرون قبل رؤية أي منتج. معدل الارتداد كان 73%.
تشخيص المشاكل الحقيقية
أول شيء فعلناه هو فحص أداء شامل. إليك ما وجدناه:
- صور المنتجات متوسط حجمها 2.3 ميجابايت. بعضها فوق 5 ميجابايت.
- القالب يحمل 47 ملف JavaScript مختلف، كثير منها غير مستخدم.
- لا يوجد تخزين مؤقت. كل تحميل صفحة يخدم من جديد.
- سكربتات التتبع الخارجية تمنع المحتوى الرئيسي من الظهور.
- الخطوط تحمل من سيرفرات خارجية بدون بديل.
لا شيء من هذه المشاكل واضح من مجرد النظر للمتجر. يبدو جيدا. لكن من الداخل، فوضى.
عملية التحسين
اتبعنا ثلاث مراحل. أولا، الصور. ضغطنا كل صور المنتجات والبانرات مع الحفاظ على الجودة البصرية. متوسط حجم الصورة انخفض من 2.3 ميجابايت إلى 180 كيلوبايت. هذا وحده رفع الدرجة من 14 إلى 31.
ثانيا، تنظيف الكود. حددنا المميزات التي يستخدمها المتجر فعلا وأزلنا JavaScript غير المستخدم. دمجنا ملفات CSS وطبقنا تحميل CSS الحرج. الدرجة قفزت إلى 48.
ثالثا، البنية التحتية. ضبطنا التخزين المؤقت، فعلنا ضغط GZIP، وجعلنا السكربتات الخارجية تحمل بشكل غير متزامن. الدرجة النهائية: 67.
النتائج التي تهم فعلا
درجة PageSpeed مجرد رقم. ما يهم هو التأثير على العمل. إليك ما تغير في 30 يوم بعد التحسين:
- معدل الارتداد انخفض من 73% إلى 49%
- متوسط مدة الجلسة زاد 42%
- معدل التحويل ارتفع من 1.1% إلى 2.4%
- الإيرادات الشهرية زادت حوالي 85,000 ريال
تعليق العميل كان بسيط: "ليش ما حد قالنا عن هذا قبل؟"
ما يمكنك فحصه الآن
اذهب إلى pagespeed.web.dev وافحص متجرك. إذا درجتك على الجوال أقل من 50، أنت تخسر مال كل يوم. افحص أكبر صورك، عد ملفات JavaScript، وشوف إذا سيرفراتك ترسل headers التخزين المؤقت الصحيحة. هذه الأساسيات، لكن معظم المتاجر تخطئ فيها.
شارك المقال