التعريف
Core Web Vitals هي مجموعة من المقاييس التي أطلقتها Google لقياس تجربة المستخدم الحقيقية على صفحة الويب، وتُستخدم كعامل ترتيب في نتائج البحث. بالنسبة لمتاجر DTC والتجارة الإلكترونية، هذه المؤشرات ليست "تحسين تقني" فقط، بل فلوس مباشرة: كل 100ms تأخير في التحميل قد تخفض معدل التحويل بنسبة تصل إلى 7%، وكل نقطة تحسّن في هذه المؤشرات تنعكس على معدل إتمام الطلب (Checkout Completion Rate).
تتكوّن من ثلاث ركائز أساسية:
1. LCP (Largest Contentful Paint) — سرعة ظهور العنصر الأكبر في الشاشة (عادةً صورة المنتج الرئيسية أو البانر).
2. INP (Interaction to Next Paint) — سرعة استجابة الصفحة عند تفاعل المستخدم (نقر، إضافة للسلة، اختيار مقاس).
3. CLS (Cumulative Layout Shift) — مدى ثبات العناصر البصرية وعدم "قفزها" أثناء التحميل.
بسيط من عالم التجارة
تخيّل أنك تدخل متجراً فعلياً في دبي مول:
- LCP = كم تنتظر حتى ترى أول رفّ فيه المنتجات؟ إذا تأخّر، ستغادر قبل أن ترى شيئاً.
- INP = عندما تطلب من الموظف منتجاً، هل يستجيب فوراً أم يتجاهلك 3 ثوانٍ؟
- CLS = هل الرفوف ثابتة، أم أن كل منتج يقفز من مكانه كلما حاولت التقاطه؟ هذا بالضبط ما يحدث عندما يتحرك زر "أضف إلى السلة" لحظة النقر.
في التجارة الإلكترونية، العميل لا يمنحك فرصة ثانية. إذا شعر أن الموقع "بطيء أو مرتبك"، سيغلق الصفحة ويفتح متجر منافس خلال ثوانٍ.
المعادلات والأرقام المعيارية
لا توجد "معادلة" رياضية واحدة، لكن هناك عتبات قياس يجب أن تلتزم بها:
- LCP: يجب أن يكون ≤ 2.5 ثانية (جيد)، بين 2.5 و4 ثوانٍ (يحتاج تحسين)، أكثر من 4 ثوانٍ (ضعيف).
- INP: يجب أن يكون ≤ 200ms (جيد)، بين 200 و500ms (يحتاج تحسين)، أكثر من 500ms (ضعيف).
- CLS: يجب أن يكون ≤ 0.1 (جيد)، بين 0.1 و0.25 (يحتاج تحسين)، أكثر من 0.25 (ضعيف).
مثال عملي على الحساب:
إذا كان 75% من زوّار موقعك يحقّقون LCP = 2.1s، و20% عند 3.5s، و5% عند 5s، فإن التقييم النهائي يعتمد على القيمة عند النسبة المئوية 75 (p75) — أي 3.5s، وهنا تحتاج تحسيناً فورياً.
جدول المقارنة: قبل وبعد التحسين
| المقياس | قبل التحسين | بعد التحسين | التأثير على متجر DTC |
|---|---|---|---|
| **LCP** | 4.2s | 1.8s | +23% في معدل التحويل |
| **INP** | 480ms | 120ms | -35% في التخلي عن السلة |
| **CLS** | 0.32 | 0.04 | +18% في إتمام الطلب |
| **معدل الارتداد** | 62% | 41% | تحسّن ملحوظ في الجلسات |
| **ترتيب Google** | الصفحة 3 | الصفحة 1 | +40% في الزيارات العضوية |
*(الأرقام مبنية على دراسات حالة واقعية لمتاجر Shopify وSalla وZid في السوق العربي.)*
سيناريوهات التطبيق في التجارة الإلكترونية
1. صفحة المنتج (Product Page)
هنا يُقاس LCP بشكل حاسم، لأن صورة المنتج الرئيسية هي العنصر الأكبر. الحل:
- استخدم صيغة WebP بدل JPEG.
- فعّل CDN قريباً من المستخدم (مثلاً Cloudflare في الشرق الأوسط).
- استخدم fetchpriority="high" على صورة المنتج الأساسية.
- النتيجة المتوقعة: خفض LCP من 3.8s إلى 1.9s.
2. صفحة السلة والدفع (Cart & Checkout)
هنا يُقاس INP، لأن المستخدم ينقر على "إتمام الشراء" أو يغيّر الكمية. أي تأخير = تخلٍّ عن السلة.
- قلّل JavaScript غير الضروري.
- استخدم Server-Side Rendering أو Edge Functions.
- النتيجة: INP من 420ms إلى 150ms = +27% في إتمام الطلب.
3. صفحات التصنيفات (Category Pages)
هنا يظهر CLS بشكل واضح بسبب الإعلانات والبانرات الديناميكية. الحل:
- احجز مساحة ثابتة (aspect-ratio) للصور والإعلانات.
- لا تُحمّل خطوطاً جديدة بعد التحميل الأول.
- النتيجة: CLS من 0.28 إلى 0.05.
4. الحملات الإعلانية (Paid Traffic)
عندما تُطلق حملة على TikTok أو Snapchat، الزائر يأتي من شبكة قد تكون بطيئة. إذا كان LCP ضعيفاً، ستخسر ميزانيتك الإعلانية على زيارات لا تتحول. تحسين Core Web Vitals هنا = ROAS أعلى بنسبة 15-25%.
الأخطاء الشائعة
1. الاعتماد على اختبار Lighthouse فقط: Lighthouse يقيس بيئة مثالية، لكن Core Web Vitals الحقيقية تأتي من بيانات المستخدمين الفعليين (CrUX Report). راقب Google Search Console > Core Web Vitals باستمرار.
2. إهمال الجوال: أكثر من 75% من زوّار المتاجر العربية يتسوقون من الجوال. تحسين سطح المكتب فقط = خسارة الأغلبية.
3. تحسين LCP على حساب INP: بعض الحلول مثل تحميل كل شيء مسبقاً تُحسّن LCP لكن تُدمّر INP. التوازن مطلوب.
4. تجاهل CLS في صفحات الدفع: كثير من المتاجر تُصلح الصفحة الرئيسية وتنسى صفحة الدفع، حيث CLS = 0.4 بسبب حقول النموذج المتحركة.
5. الاعتقاد أن التحسين "مرة واحدة": كل إضافة تطبيق أو سكريبت تسويقي جديد (Pixel، Chat، Popup) قد تُعيد المؤشرات للخلف. راقبها شهرياً.
6. عدم ربط المؤشرات بالأرباح: لا تكتفِ بتحسين الأرقام تقنياً، بل اربطها بـ Conversion Rate وAOV وCAC لتُثبت العائد على الاستثمار.
مصطلحات ذات صلة
- TTFB (Time to First Byte): زمن استجابة السيرفر — أساس LCP.
- FCP (First Contentful Paint): أول ظهور لأي محتوى مرئي.
- TBT (Total Blocking Time): الوقت الذي تكون فيه الصفحة "مجمّدة" — مرتبط بـ INP.
- CrUX Report: تقرير Google لبيانات المستخدمين الحقيقيين.
- Lighthouse: أداة اختبار اصطناعية.
- Speed Index: مؤشر سرعة التحميل البصري.
- Server-Side Rendering (SSR): تقنية عرض تُحسّن LCP وINP.
- Edge CDN: شبكة توزيع محتوى قريبة جغرافياً من العميل.
خلاصة تنفيذية لأصحاب المتاجر
Core Web Vitals ليست "مشروع تقني" بل استثمار تجاري مباشر. المتجر الذي يحقّق:
- LCP ≤ 2.5s
- INP ≤ 200ms
- CLS ≤ 0.1
يحصل على ميزة مزدوجة: ترتيب أعلى في Google + تجربة مستخدم تُترجم إلى مبيعات. ابدأ بقياس الوضع الحالي عبر PageSpeed Insights وSearch Console، ثم رتّب الأولويات حسب الصفحات الأكثر تحقيقاً للإيراد (صفحة المنتج، السلة، الدفع)، وحسّنها تدريجياً. النتيجة على المدى المتوسط: +20% إلى +40% في معدل التحويل دون زيادة ميزانية الإعلانات.