Core Web Vitals 2026: كيف تحسّن LCP وINP وCLS
Core Web Vitals ثلاثة مقاييس تقيس تجربة المستخدم الفعلية: سرعة ظهور المحتوى، سرعة الاستجابة للتفاعل، واستقرار التخطيط البصري.
مقاييس Core Web Vitals: LCP وINP وCLS
الهدف المثالي لـ LCP حسب توصيات جوجل
الهدف المثالي لقيمة CLS
LCP (Largest Contentful Paint) يقيس متى يظهر أكبر عنصر مرئي في الصفحة، INP (Interaction to Next Paint) يقيس سرعة استجابة الصفحة لتفاعل المستخدم، وCLS (Cumulative Layout Shift) يقيس مدى استقرار العناصر بصريًا أثناء التحميل.
تحسين LCP
استخدم مكوّن next/image لتحسين الصور تلقائيًا، وحمّل الخط والصورة الأهم في الصفحة بأولوية عالية (priority)، وتجنب حظر التصيير بملفات CSS/JS ثقيلة غير ضرورية فوق الشاشة المرئية.
تحسين INP وCLS
قسّم المهام الجافاسكريبت الثقيلة لتجنب حجب الخيط الرئيسي، وحدد أبعاد الصور والإعلانات مسبقًا (width/height) لمنع انتقال المحتوى المفاجئ أثناء التحميل.
أسئلة وأجوبة
01هل Core Web Vitals عامل ترتيب مباشر في جوجل؟
نعم، هي جزء من "تجربة الصفحة" (Page Experience) التي تؤثر على الترتيب، لكنها ليست العامل الوحيد أو الأهم دائمًا.
02ما الفرق بين INP وFID القديم؟
INP حلّ محل FID لأنه يقيس استجابة كل التفاعلات طوال عمر الصفحة، لا أول تفاعل فقط.
هل تحتاج تطبيق هذه الأفكار في مشروعك؟
أقدم استشارات مجانية لمناقشة وضعك التقني الحالي وكيفية تحسينه.