Core Web Vitals هي ثلاثة مقاييس حددتها Google لقياس تجربة المستخدم في صفحة الويب بشكل موضوعي: سرعة التحميل، وسرعة الاستجابة للتفاعل، والثبات البصري. وهي منذ عام 2021 جزء رسمي من إشارات الترتيب في Google — عامل صغير لكنه حقيقي.
ما هي Core Web Vitals؟
المقاييس الثلاثة هي:
- LCP (Largest Contentful Paint): المدة التي يستغرقها ظهور أكبر عنصر مرئي في الصفحة.
- INP (Interaction to Next Paint): المدة التي تستغرقها الصفحة للاستجابة لنقرة المستخدم أو لمسته.
- CLS (Cumulative Layout Shift): مدى تحرّك العناصر من أماكنها بشكل غير متوقع أثناء تحميل الصفحة.
تُحسب المقاييس الثلاثة من بيانات المستخدمين الحقيقيين (من القياس عن بُعد المجهول الهوية لمستخدمي Chrome)؛ فهي ليست اختبارًا مخبريًا، بل التجربة الفعلية للزوار الحقيقيين.
LCP — عرض أكبر محتوى
LCP هي اللحظة التي يشعر فيها المستخدم بأن "الصفحة قد حُمّلت" — وعادةً ما تكون صورة رئيسية أو كتلة عنوان أو إطار غلاف فيديو كبير. القيم الحدّية لدى Google:
| القيمة | التقييم |
|---|---|
| 2.5 ثانية أو أقل | جيد |
| 2.5 – 4 ثوانٍ | يحتاج إلى تحسين |
| أكثر من 4 ثوانٍ | ضعيف |
أكثر الأسباب شيوعًا: الصور الكبيرة غير المحسّنة، وبطء زمن استجابة الخادم، وملفات CSS/JS التي تعيق العرض، والخطوط التي تُحمَّل متأخرة.
INP — التفاعل حتى العرض التالي
حلّ INP في عام 2024 محل مقياس FID (First Input Delay) القديم، وهو لا يقيس تفاعلًا أوليًا واحدًا فقط، بل سرعة الاستجابة لـجميع التفاعلات في الصفحة. فهو يرصد ما إذا كانت الشاشة تتجمّد عند الضغط على زر.
| القيمة | التقييم |
|---|---|
| 200 مللي ثانية أو أقل | جيد |
| 200 – 500 مللي ثانية | يحتاج إلى تحسين |
| أكثر من 500 مللي ثانية | ضعيف |
السبب الأكثر شيوعًا هو تنفيذ JavaScript ثقيل يُشغل الخيط الرئيسي (main thread) لفترة طويلة — وكثيرًا ما تتسبب في ذلك البرامج النصية الخارجية التي تعمل أثناء تحميل الصفحة (الإعلانات، والدعم المباشر، وأدوات التحليلات).
CLS — الإزاحة التراكمية للتخطيط
أن تكون على وشك النقر على خبر فتنزاح الصفحة فجأة وتنقر على إعلان عن طريق الخطأ — هذا بالضبط ما يقيسه CLS. ومن أكثر أسبابه شيوعًا: الصور غير محددة الأبعاد، ومساحات الإعلانات/اللافتات التي تُحمَّل لاحقًا، والخطوط التي تُحمَّل متأخرة (font swap).
| القيمة | التقييم |
|---|---|
| 0.1 أو أقل | جيد |
| 0.1 – 0.25 | يحتاج إلى تحسين |
| أكثر من 0.25 | ضعيف |
كيف تؤثر فعلًا على SEO؟
من المهم هنا ضبط التوقعات بشكل صحيح: Core Web Vitals ليست عامل ترتيب بقوة جودة المحتوى وتوافقه مع نية البحث. فوفقًا لتوضيح Google نفسها، تعمل كعامل ترجيح "بين محتويين متساويين في الجودة" — أي أن درجة Web Vitals القوية لن تنقذ محتوى ضعيفًا، لكن بين صفحتين متقاربتين في الجودة قد تتقدم الصفحة الأسرع.
أما تأثيرها غير المباشر فهو أكبر من تأثيرها المباشر: فالصفحة البطيئة وغير المستقرة تُنفّر المستخدم، وترفع معدل الارتداد، وتُقصّر مدة الجلسة — وهذه الإشارات السلوكية تؤثر في الترتيب بقوة تفوق Core Web Vitals بكثير.
كيف تُقاس؟
- PageSpeed Insights: يعرض بيانات المستخدمين الحقيقيين (إن توفرت) واختبار المختبر معًا في شاشة واحدة. إنها نقطة البداية الأكثر عملية.
- Search Console ← مؤشرات أداء الويب الأساسية: يجمّع جميع صفحات موقعك ويعرض بشكل إجمالي أيّها "جيدة" وأيّها "تحتاج إلى تحسين" وأيّها "ضعيفة".
- Chrome DevTools ← Lighthouse: يقدّم تحليلًا فوريًا ومفصّلًا داخل وحدة تحكم المطوّر.
خطوات عملية للتحسين
- حوّلوا الصور إلى صيغ حديثة. استخدموا WebP/AVIF، واضغطوها بحجم العرض الفعلي، وأجّلوا تحميل الصور أسفل الشاشة باستخدام
loading="lazy". - حدّدوا أبعادًا ثابتة للصور ومساحات الإعلانات. ليعرف المتصفح مقدار المساحة التي يجب حجزها قبل تحميل المحتوى — وهذا يحسّن CLS مباشرةً.
- قلّلوا الموارد التي تعيق العرض. حمّلوا ملفات CSS/JS غير الحرجة بشكل مؤجّل (defer/async).
- حسّنوا الخطوط. استخدموا
font-display: swap، ولا تحمّلوا الأوزان/الأحرف غير الضرورية. - قلّلوا البرامج النصية الخارجية. كل برنامج نصي للدعم المباشر أو التحليلات أو الإعلانات تضيفونه قد يُسيء إلى INP؛ احتفظوا فقط بما تحتاجونه فعلًا.
- قلّصوا زمن استجابة الخادم. التخزين المؤقت (caching) واختيار استضافة جيدة هما أكثر مدخلات LCP إغفالًا وأكثرها تأثيرًا.
ترتيب الأولويات: عادةً ما يأتي أكبر مكسب من الصور — ففي معظم المواقع يكون مصدر مشكلة LCP صورة كبيرة واحدة غير محسّنة. أصلحوها أولًا، ثم انتقلوا إلى البنود الأخرى.
إذا كانت سرعة الصفحة جيدة ومع ذلك لا تجذبون الزوار، فإن عنق الزجاجة يكمن في الظهور — وفي هذه الحالة يمكنكم الاطلاع على دليلنا لزيادة نسبة النقر إلى الظهور (CTR) أو على مقالنا العام حول زيادة الزيارات العضوية.