Core Web Vitals: جعل الموقع سريعاً حقاً
السرعة ليست ترفاً: إنها عامل ترتيب في Google وعامل تحويل. تفكيك لمؤشّرات Core Web Vitals — LCP وINP وCLS — وللأدوات الملموسة التي أستخدمها لإبقائها في المنطقة الخضراء.
«يعمل جيداً على جهازي» لا يكفي
الفخّ الكلاسيكي: المطوّر يختبر على ألياف بصرية، وحاسوب MacBook حديث، وذاكرة تخزين مؤقّت دافئة. أما المستخدم الحقيقي، فيصل من هاتف متوسّط الفئة، على شبكة 4G متقلّبة، بذاكرة تخزين فارغة. بين الاثنين، لا شيء يجمع التجربتين.
توجد Core Web Vitals لقياس ما يعيشه المستخدم فعلاً. جعلها Google عامل ترتيب — والأهمّ أنها تتنبّأ بالتحويل: كل ثانية تحميل إضافية تُنفّر الزوّار.
المؤشّرات الثلاثة التي تهمّ
- LCP (Largest Contentful Paint) — الزمن قبل ظهور العنصر الرئيسي (غالباً صورة الواجهة أو العنوان). الهدف: أقل من 2.5 ثانية.
- INP (Interaction to Next Paint) — الاستجابة: التأخّر بين النقرة والاستجابة المرئية. الهدف: أقل من 200 مللي ثانية. إنه عصب المعركة في المواقع المثقلة بـ JavaScript.
- CLS (Cumulative Layout Shift) — الاستقرار: تلك القفزات في التخطيط التي تجعلك تنقر في المكان الخطأ عند تحميل صورة أو إعلان. الهدف: أقل من 0.1.
موقع جميل وبطيء هو موقع فاشل. الأداء ليس عدوّ التصميم — بل قيد يفرض خيارات واضحة.
الأدوات التي أستخدمها
جعل الموقع سريعاً لا سحر فيه، بل هو حصيلة قرارات:
- الصور — صيغة حديثة (AVIF/WebP)، وأبعاد صحيحة، و
lazy loadingلما هو تحت الطيّة، ومساحة محجوزة لتفادي القفزات (CLS). - الخطوط —
font-display: swap، وتحميل مسبق للأوزان المستخدمة فعلاً، والأهمّ: تحميل تلك وحدها. - JavaScript — إرسال أقلّ ما يمكن. أسرع شيفرة هي التي لا تُرسَل إلى المتصفّح. مكوّنات الخادم، وتحميل مؤجَّل لغير الحرِج.
- العرض — تفضيل الثابت (المولَّد مسبقاً عند البناء) حين يسمح المحتوى: لا شيء يتفوّق على ملفّ جاهز سلفاً.
- قياس مستمرّ — ميزانية أداء ومراقبة (Lighthouse، Speed Insights) كي يظهر أي تراجع قبل الإنتاج، لا بعده.
قِس في الميدان، لا في المختبر
هناك طريقتان للقياس: بيانات المختبر (Lighthouse، بيئة مضبوطة) وبيانات الميدان (المستخدمون الحقيقيون، عبر Chrome UX Report). كلاهما مفيد، لكن الثاني وحده يعكس الواقع. قد يسجّل موقع 100 في المختبر ويخيّب في الميدان بسبب اتصال بطيء أو جهاز متواضع.
انضباطي: التحسين في المختبر للسرعة، لكن التحقّق في الميدان قبل إعلان النصر.
لماذا يهمّ ذلك العميل
الموقع السريع ليس مجرّد تأنّق تقني. إنه زوّار أكثر يبقون، وترتيب أفضل في Google، وتحويلات أكثر. السرعة من التحسينات النادرة التي تخدم المستخدم والترتيب والإيراد في آنٍ واحد. لذلك أعاملها كمتطلَّب، لا كمكافأة.