دليل عملي لتحسين Core Web Vitals

تستخدم محركات البحث ثلاثة مقاييس أساسية لتقييم تجربة الصفحة، وهي مقاييس تصف ما يشعر به المستخدم فعليًا: متى ظهر المحتوى، متى أصبحت الصفحة قابلة للتفاعل، وهل تحرّك المحتوى تحت إصبعه فجأة.

المقياس الأول: LCP

يقيس زمن ظهور أكبر عنصر مرئي في الشاشة الأولى، وغالبًا يكون صورة الغلاف أو العنوان الرئيسي. الهدف أقل من 2.5 ثانية.

أهم ثلاث خطوات: ضغط صورة الغلاف وتحويلها إلى صيغة WebP، تحميلها بأولوية عالية بدلًا من التحميل الكسول، وتقليل ما يعيق عرض الصفحة من ملفات CSS و JavaScript.

المقياس الثاني: INP

يقيس سرعة استجابة الصفحة لتفاعل المستخدم. المشكلة الأشيع هي كود JavaScript ثقيل يشغل المعالج ويؤخر الاستجابة.

الحل هو تقليل المكتبات الخارجية، تأجيل كل ما ليس ضروريًا للعرض الأول، وتقسيم المهام الطويلة إلى أجزاء صغيرة.

المقياس الثالث: CLS

يقيس مقدار القفز غير المتوقع في تخطيط الصفحة. السبب الأول دائمًا هو صور بدون أبعاد محددة، والسبب الثاني خطوط الويب التي تُحمّل متأخرة فتغيّر ارتفاع النص.

حدّد دائمًا العرض والارتفاع لكل صورة، واحجز مساحة ثابتة لأي عنصر يُحمّل لاحقًا.

ترتيب الأولويات

ابدأ بالصور، فهي عادة تمثل أكثر من نصف حجم الصفحة. ثم راجع ملفات JavaScript الخارجية وأكواد التتبع. ثم اضبط الخطوط. هذه الثلاثة تعالج غالبية المشاكل قبل الحاجة لأي تحسينات متقدمة.