منذ تحديث تجربة الصفحة من Google، أصبحت Core Web Vitals إشارات ترتيب رسمية — مما يعني أنها تؤثر مباشرة على مكانة موقعك في نتائج البحث. ومع ذلك، لم يسمع معظم أصحاب المواقع بها قط، ناهيك عن قياسها أو تحسينها. إذا كان منافسوك يأخذون Core Web Vitals بجدية وأنت لا تفعل ذلك، فإنهم يكتسبون ميزة قابلة للقياس في البحث العضوي.

إليك كل ما تحتاج إلى فهمه والتصرف بناءً عليه.

ما هي Core Web Vitals؟

Core Web Vitals مجموعة من مقاييس الأداء في العالم الحقيقي تقيس كيف يختبر المستخدمون موقعك فعلياً — ليس فقط مدى سرعة نقل البيانات، بل مدى سرعة ظهور المحتوى بصرياً، ومدى استقرار التخطيط، ومدى استجابته للتفاعل.

LCP — أكبر رسم محتوي

يقيس LCP الوقت الذي يستغرقه أكبر عنصر مرئي على الصفحة (عادةً صورة البطل أو العنوان الرئيسي) للعرض الكامل من وقت أن يتنقل المستخدم لأول مرة إلى عنوان URL. درجة LCP الجيدة أقل من 2.5 ثانية. بين 2.5 و4.0 ثوانٍ تحتاج تحسيناً. أكثر من 4.0 ثوانٍ ضعيفة. أكثر أسباب LCP الضعيفة شيوعاً: بطء استجابة الخادم وCSS أو JavaScript التي تعيق العرض والصور الكبيرة غير المحسَّنة والتخزين المؤقت الضعيف.

CLS — تراكم تحوّل التخطيط

يقيس CLS الاستقرار البصري — تحديداً مقدار تحوّل تخطيط الصفحة بشكل غير متوقع أثناء التحميل. لقد مررت بذلك عندما تذهب للضغط على زر فتتحوّل الصفحة في اللحظة الأخيرة مما يجعلك تضغط على العنصر الخاطئ. محبط؟ Google تقيس هذا بالضبط وتعاقب عليه. درجة CLS الجيدة أقل من 0.1. الأسباب الشائعة: الصور والتضمينات بدون أبعاد صريحة، والإعلانات التي تُدخل نفسها في التخطيط، وخطوط الويب التي تتسبب في إعادة عرض النص.

INP — التفاعل حتى الرسم التالي

حلّ INP محل FID (تأخير الإدخال الأول) اعتباراً من مارس 2024. يقيس استجابة صفحتك لجميع تفاعلات المستخدم طوال دورة حياة الصفحة — النقر والضغط وضغطات المفاتيح. INP الجيد أقل من 200 ميلي ثانية. INP الضعيف ناتج عن تنفيذ JavaScript الثقيل الذي يحجب المؤشر الرئيسي.

كيف تقيس Core Web Vitals

استخدم Google Search Console (يُظهر تقرير Core Web Vitals بيانات المستخدم الفعلية)، وGoogle PageSpeed Insights (يوفر بيانات مختبرية وميدانية لأي URL)، وLighthouse في أدوات مطوري Chrome (تدقيق مفصّل مع توصيات محددة).

كيف تحسّن درجاتك

لـ LCP: استخدم CDN وحسّن الصور واضغطها ونفّذ preload لصور البطل والغِ الموارد التي تعيق العرض. لـ CLS: احرص دائماً على تحديد سمتَي العرض والارتفاع للصور والتضمينات واحجز مساحة للإعلانات والمحتوى المُدخَل ديناميكياً. لـ INP: قلّل وقت تنفيذ JavaScript وقسّم المهام الطويلة إلى أجزاء أصغر وأجّل النصوص البرمجية غير الحيوية.

في ويزتك، تحسين الأداء جزء أساسي من كل مشروع موقع نُسلّمه. نقدم أيضاً خدمات تدقيق أداء مستقلة للمواقع القائمة. تواصل معنا للحصول على تقييم مجاني لـ Core Web Vitals لموقعك الحالي.