«موقعنا بطيء» أكتر شكوى بتوصلنا. وأغلب النصايح على النت بتقف عند «صغّر الصور» — دي خطوة واحدة من عشرة. خليني أفكك لك الأسباب الحقيقية بالترتيب اللي بنفحص بيه.
الأول: اعرف إنت بطيء فين بالظبط
قبل أي تعديل، قيس. استخدم PageSpeed Insights من جوجل (مجاني) على صفحتك الرئيسية وصفحة منتج وصفحة الدفع.
هتطلع لك تلات أرقام مهمة: - LCP — وقت ظهور أكبر عنصر في الشاشة. المفروض أقل من 2.5 ثانية. - INP — سرعة استجابة الموقع لضغطة المستخدم. المفروض أقل من 200 مللي ثانية. - CLS — هل العناصر بتتحرك والمستخدم بيقرا؟ المفروض أقل من 0.1.
الأرقام دي جوجل بيستخدمها في ترتيب نتائج البحث، فهي مش رفاهية.
الأسباب بالترتيب من الأشهر
1. الصور غير المحسّنة. صورة 4 ميجا من الكاميرا متحطوطة كما هي. الحل: تحويل لـWebP، وتحديد أبعاد العرض، والتحميل الكسول للصور تحت الشاشة.
2. استعلامات قاعدة البيانات الزايدة (مشكلة N+1). ده السبب الأكبر في المواقع الديناميكية والناس مابتشوفهوش. الصفحة بتعرض 50 منتج، وبدل استعلام واحد بيتعمل 51 استعلام — واحد للمنتجات وواحد لكل منتج عشان يجيب القسم بتاعه.
الموقع ممكن يكون سريع وأنت بتجرّبه بـ10 منتجات، وبيقع لما يبقى فيه 5000. الحل: تحميل العلاقات مسبقاً، وفهرسة الأعمدة اللي بيتم البحث بيها.
3. جافاسكريبت أكتر من اللازم. مكتبة كاملة اتحمّلت عشان تأثير بسيط. سلايدر بـ300 كيلوبايت لعرض 3 صور. كل كيلوبايت جافاسكريبت أغلى من كيلوبايت صورة، لأن المتصفح لازم يقراه وينفّذه.
4. مفيش تخزين مؤقت (caching). كل زيارة بتعيد حساب نفس الحاجة من الأول. صفحة محتواها بيتغيّر مرة في الشهر مفيش سبب تتبني من قاعدة البيانات مع كل زيارة.
5. الاستضافة. سيرفر مشترك عليه 200 موقع، أو سيرفر في قارة تانية بعيد عن جمهورك. لو جمهورك مصري والسيرفر في أمريكا، فيه تأخير فيزيائي مش هتقدر تلغيه بتحسينات كود.
6. خطوط وأدوات خارجية. كل سكريبت طرف تالت (تتبّع، شات، إعلانات، خطوط) بيضيف طلب شبكة. موقع عليه 8 أدوات تتبّع بيبقى بطيء بالضرورة.
7. مفيش ضغط. تفعيل Gzip أو Brotli على السيرفر بيصغّر الملفات النصية 70% تقريباً — إعداد بيتعمل مرة وبيفرق كتير.
الترتيب العملي للتنفيذ
لو عندك وقت محدود، ابدأ كده: 1. الصور (أسرع مكسب). 2. التخزين المؤقت. 3. استعلامات قاعدة البيانات. 4. تقليل الجافاسكريبت. 5. الاستضافة لو المشكلة فيها.
حاجة مهمة: قيس على الموبايل والشبكة البطيئة
الموقع على لابتوب المصمم بشبكة ممتازة دايماً سريع. جرّبه على موبايل متوسط وشبكة 3G — دي تجربة نسبة كبيرة من جمهورك الحقيقي.
الخلاصة
السرعة مش تحسين تجميلي، هي بتأثر على ترتيبك في جوجل وعلى مبيعاتك مباشرة. قيس الأول، وصلّح بالترتيب، وقيس تاني. ولو عايز فحص أداء كامل لموقعك بتقرير بالأسباب والحلول مرتّبة حسب الأثر — ده شغل بنعمله باستمرار.