دليل Core Web Vitals: إزاي تصلح LCP و INP و CLS في 2026
Google بيستخدم Core Web Vitals — LCP و INP و CLS — لقياس تجربة المستخدم. المقاييس دي بتأثر مباشرة على ترتيبك في البحث. هنا هتفهم إزاي تقيس وتصلح وتحسن كل واحد.
إيه هي Core Web Vitals وليه مهمة؟
Core Web Vitals هي تلات مقاييس Google بيستخدمها لقياس تجربة المستخدم الفعلية لصفحة ويب. هي جزء من إشارات ترتيب Google. من 2024، INP حل محل FID كمقياس التفاعل. المقاييس التلاتة: LCP (سرعة تحميل المحتوى الرئيسي)، INP (استجابة الصفحة)، CLS (ثبات التخطيط البصري).
في السعودية، حيث استخدام الموبايل فوق 95%، Core Web Vitals مهمين جدًا. موقع بطيء على الموبايل مش بس مزعج — بيخسر عملاء. أبحاث Google بتقول إن 53% من مستخدمي الموبايل بيسيبوا الموقع لو أخد أكتر من 3 ثواني في التحميل. كل ثانية تأخير بتكلفك عملاء.
LCP: تحميل المحتوى الرئيسي — السرعة
LCP بيقيس الوقت اللي أكبر عنصر مرئي في الصفحة بيحتاجه عشان يتحمل بالكامل. عادةً بتكون صورة رئيسية، فيديو، أو نص كبير. هدف Google: أقل من 2.5 ثانية. عشان تحسن LCP: ضغط وتحسين الصور (استخدم WebP أو AVIF)، lazy loading للصور اللي تحت الشاشة، استخدام CDN، تقليل وقت استجابة السيرفر، وإزالة الموارد اللي بتمنع التحميل.
مشاكل LCP الشائعة في المواقع السعودية: صور كبيرة مضغوطة غلط، استضافة بطيئة من غير CDN، سكريبتات طرف تالت بتمنع التحميل، وسيرفر بعيد عن المستخدمين. لو جمهورك في الرياض وسيرفرك في أمريكا، LCP هيكون سيء. استخدم CDN مع مواقع في الشرق الأوسط أو استضف محليًا.
INP: التفاعل مع الصفحة — الاستجابة
INP بيقيس الوقت من لما المستخدم يتفاعل مع الصفحة (ضغط زرار، نقر على لينك) للوقت اللي الصفحة تستجيب فيه بصريًا. هدف Google: أقل من 200 ملي ثانية. INP حل محل FID عشانه بيقيس كل التفاعلات مش أول واحد بس. عشان تحسن INP: قسم مهام JavaScript الطويلة، قلل من main thread blocking، حسن معالجات الأحداث.
إطارات JavaScript الثقيلة والسكريبتات الغير محسنة من طرف تالت هما السبب الرئيسي لضعف INP. راجع موقعك عشان تشوف سكريبتات مش محتاجها — تحليلات، chat widgets، tracking pixels — وأجلها أو أزلها. على الموبايل، كل سكريبت بينافس على قدرة المعالجة المحدودة. اختبر INP باستخدام PageSpeed Insights.
CLS: ثبات التخطيط البصري
CLS بيقيس التغيرات غير المتوقعة في تخطيط الصفحة أثناء التحميل. النتيجة القليلة معناها إن الصفحة ثابتة بصريًا — العناصر متقفزش. هدف Google: CLS أقل من 0.1. أسباب CLS الشائعة: صور من غير أبعاد محددة، إعلانات ومحتوى مضمّن بيظهر متأخر، محتوى محقون ديناميكيًا، وخطوط ويب بتسبب اختفاء النص.
صلح CLS بتحديد عرض وارتفاع لكل الصور والفيديوهات. استخدم CSS aspect-ratio للعناصر المضمنة. احجز مساحة للإعلانات والمحتوى المتأخر. استخدم font-display: swap للخطوط عشان تمنع اختفاء النص. اختبر موقعك باستخدام تشخيص CLS في Lighthouse.
أدوات المراقبة المستمرة
راقب Core Web Vitals باستخدام تقرير Core Web Vitals في Google Search Console، اللي بيجمع الـ URLs حسب الحالة (جيد، يحتاج تحسين، ضعيف). استخدم PageSpeed Insights لتحليل عنوان URL فردي مع توصيات قابلة للتنفيذ. CrUX (Chrome User Experience Report) بيقدم بيانات حقيقية من المستخدمين.
اضبط مراقبة مستمرة باستخدام Lighthouse CI أو أداة طرف تالت. Core Web Vitals مش إصلاح لمرة واحدة — كل صفحة جديدة، سكريبت، أو تغيير تصميم ممكن يأثر. ابني performance budgets في سير عملك. لو ميزة جديدة هتزود LCP عن 2.5 ثانية، محتاج تحسن حاجة تانية تعوض.
موقعك بيجتاز Core Web Vitals؟
هنختبر Core Web Vitals لموقعك، نحدد كل مشكلة، ونعطيك خطة إصلاح ذات أولويات. كل خطوات عملية.
احصل على تشخيص سرعة مجاني