رجوعتطوير الويب

Core Web Vitals 2026: كيف تحسّن LCP وINP وCLS

Core Web Vitals ثلاثة مقاييس تقيس تجربة المستخدم الفعلية: سرعة ظهور المحتوى، سرعة الاستجابة للتفاعل، واستقرار التخطيط البصري.

سعيد باعطية٢٩ يونيو ٢٠٢٦6 دقائق قراءة
3

مقاييس Core Web Vitals: LCP وINP وCLS

<2.5s

الهدف المثالي لـ LCP حسب توصيات جوجل

<0.1

الهدف المثالي لقيمة CLS

LCP (Largest Contentful Paint) يقيس متى يظهر أكبر عنصر مرئي في الصفحة، INP (Interaction to Next Paint) يقيس سرعة استجابة الصفحة لتفاعل المستخدم، وCLS (Cumulative Layout Shift) يقيس مدى استقرار العناصر بصريًا أثناء التحميل.

تحسين LCP

استخدم مكوّن next/image لتحسين الصور تلقائيًا، وحمّل الخط والصورة الأهم في الصفحة بأولوية عالية (priority)، وتجنب حظر التصيير بملفات CSS/JS ثقيلة غير ضرورية فوق الشاشة المرئية.

تحسين INP وCLS

قسّم المهام الجافاسكريبت الثقيلة لتجنب حجب الخيط الرئيسي، وحدد أبعاد الصور والإعلانات مسبقًا (width/height) لمنع انتقال المحتوى المفاجئ أثناء التحميل.

أسئلة وأجوبة

هل Core Web Vitals عامل ترتيب مباشر في جوجل؟

نعم، هي جزء من "تجربة الصفحة" (Page Experience) التي تؤثر على الترتيب، لكنها ليست العامل الوحيد أو الأهم دائمًا.

ما الفرق بين INP وFID القديم؟

INP حلّ محل FID لأنه يقيس استجابة كل التفاعلات طوال عمر الصفحة، لا أول تفاعل فقط.

هل تحتاج تطبيق هذه الأفكار في مشروعك؟

أقدم استشارات مجانية لمناقشة وضعك التقني الحالي وكيفية تحسينه.

تواصل معي مجاناًاستعرض خدماتي

مقالات ذات صلة