Core Web Vitals هي مجموعة مقاييس أداء حقيقية من Google تقيس تجربة المستخدم الفعلية على موقعك. منذ تحديث Page Experience أصبحت Core Web Vitals عامل ترتيب رسمي في نتائج بحث Google مما يعني أن تحسينها ليس اختيارياً بل ضروري لأي موقع يريد الظهور في الصفحة الأولى.

📊

Core Web Vitals: المقاييس التي تحدد ترتيب موقعك

افهم LCP و INP و CLS وكيف تُحسّنها لتتصدر نتائج البحث

ما هي Core Web Vitals؟

Core Web Vitals هي ثلاثة مقاييس أساسية تقيس جوانب مختلفة من تجربة المستخدم. Google تجمع هذه البيانات من متصفحات Chrome الحقيقية للمستخدمين (بيانات CrUX) وتستخدمها في تحديد ترتيب موقعك:

1. LCP – Largest Contentful Paint (أكبر عنصر مرئي)

يقيس الوقت اللازم لتحميل أكبر عنصر مرئي في الصفحة (عادةً صورة رئيسية أو عنوان كبير). هذا المقياس يعكس سرعة التحميل المحسوسة للمستخدم:

  • جيد: أقل من 2.5 ثانية ✅
  • يحتاج تحسين: 2.5 – 4 ثوانٍ ⚠️
  • سيء: أكثر من 4 ثوانٍ ❌

كيف تُحسّن LCP:

  • استخدم تنسيق WebP أو AVIF للصور بدلاً من PNG/JPG (توفير 30-50% من الحجم)
  • فعّل Lazy Loading للصور تحت الطي (below the fold) وأضف fetchpriority="high" للصورة الرئيسية
  • استخدم CDN لتقريب الصور جغرافياً من الزوار
  • فعّل الكاش على مستوى السيرفر (LiteSpeed Cache أو FastCGI Cache)
  • قلّل حجم CSS و JavaScript الذي يحجب العرض (Render-blocking)
  • استخدم preload للصورة الرئيسية: <link rel="preload" as="image" href="hero.webp">

2. INP – Interaction to Next Paint (التفاعل حتى الرسم التالي)

INP استبدل FID (First Input Delay) في مارس 2024 كمقياس رسمي. يقيس أسوأ زمن استجابة للتفاعلات خلال زيارة المستخدم — مثل الضغط على زر أو فتح قائمة أو كتابة في حقل بحث:

  • جيد: أقل من 200 ميلي ثانية ✅
  • يحتاج تحسين: 200 – 500 ميلي ثانية ⚠️
  • سيء: أكثر من 500 ميلي ثانية ❌

كيف تُحسّن INP:

  • قلّل وأجّل تحميل JavaScript غير الضروري باستخدام defer أو async
  • قسّم المهام الطويلة (Long Tasks) إلى مهام أصغر باستخدام requestIdleCallback
  • تجنب إضافات ووردبريس التي تُحمّل JavaScript ثقيل في كل صفحة
  • استخدم Web Workers للعمليات الثقيلة بعيداً عن الـ Main Thread

3. CLS – Cumulative Layout Shift (الإزاحة التراكمية للتخطيط)

CLS يقيس مدى ثبات العناصر المرئية أثناء تحميل الصفحة. هل سبق أن ضغطت على زر فتحرك فجأة وضغطت على شيء آخر؟ هذا بسبب CLS مرتفع:

  • جيد: أقل من 0.1 ✅
  • يحتاج تحسين: 0.1 – 0.25 ⚠️
  • سيء: أكثر من 0.25 ❌

كيف تُحسّن CLS:

  • حدد أبعاد width و height لكل صورة وفيديو في HTML
  • احجز مساحة للإعلانات مسبقاً باستخدام min-height
  • حمّل الخطوط مع font-display: swap وأضف preload للخطوط المهمة
  • تجنب حقن محتوى ديناميكي فوق المحتوى الموجود بعد التحميل
  • استخدم CSS aspect-ratio لعناصر الوسائط

أدوات قياس Core Web Vitals

  • Google PageSpeed Insights: يعطي نتائج من بيانات المستخدمين الحقيقيين (Field Data) وبيانات المختبر (Lab Data)
  • Google Search Console: تقرير Core Web Vitals يُظهر حالة جميع صفحات موقعك
  • Chrome DevTools: تبويب Performance لتحليل تفصيلي مع Timeline
  • Web Vitals Extension: إضافة Chrome تُظهر المقاييس الثلاثة في الوقت الحقيقي
  • GTmetrix: تحليل شامل مع توصيات محددة لكل مشكلة

تأثير Core Web Vitals على ترتيب موقعك في Google

Google أكدت أن Core Web Vitals عامل ترتيب لكنه ليس العامل الوحيد. المحتوى الجيد والروابط القوية لا يزالان أهم. لكن عند تساوي موقعين في جودة المحتوى فالموقع الأسرع يتفوق. الدراسات تُظهر أن المواقع التي تجتاز جميع مقاييس Core Web Vitals تحصل على زيادة 15-25% في عدد الزيارات العضوية.

في مرام هوست سيرفراتنا مُحسّنة لتحقيق أفضل نتائج Core Web Vitals مع LiteSpeed Cache المدمج وأقراص NVMe فائقة السرعة مما يضمن تجربة مستخدم ممتازة وترتيب أعلى في نتائج البحث.

حسّن Core Web Vitals مع مرام هوست

سيرفرات مُحسّنة مع LiteSpeed Cache مدمج لتحقيق أفضل نتائج في Google PageSpeed. ابدأ من هنا.

?????? ??? ???

????: ?????? ??????