كيف أسرّع موقعي؟ شرح مؤشرات Core Web Vitals بكلام بسيط

المؤشرات الثلاثة بكلام بسيط

كل مؤشر يجاوب عن سؤال يسأله الزائر في نفسه.

• LCP: كم يستغرق ظهور أكبر عنصر في الشاشة، غالباً صورة الواجهة أو العنوان. الجيد 2.5 ثانية أو أقل.
• INP: لما أضغط زراً أو قائمة، كم تتأخر الصفحة في الاستجابة؟ الجيد 200 مللي ثانية أو أقل.
• CLS: هل تقفز الصفحة أثناء التحميل فأضغط على الشيء الخطأ؟ الجيد 0.1 أو أقل.

قِس أولاً على الجوال

افتح PageSpeed Insights والصق عنوان موقعك واقرأ تبويب الجوال لا الحاسوب. انظر أولاً لبيانات الزوار الحقيقيين إن ظهرت، ثم لقائمة الفرص تحتها. اختبر الصفحة الرئيسية وأهم صفحة هبوط، وسجّل الأرقام لتقارنها بعد التعديل.

ابدأ بالصور

الصور أثقل ما في أغلب مواقع الأنشطة الصغيرة وسبب بطء LCP المعتاد. إصلاحها يعطي أكبر مكسب بأقل جهد.

• استخدم صيغاً حديثة مثل WebP أو AVIF، ولا ترفع صورة الجوال بحجمها الكامل مباشرة.
• قدّم الصورة بالحجم الذي تُعرض به لا أكبر بأربع مرات.
• حمّل صورة الواجهة أولاً وأجّل الصور الأبعد في الصفحة.
• حدد عرض الصورة وارتفاعها دائماً حتى لا تقفز الصفحة (وهذا يحل أغلب مشاكل CLS).

قلّل السكربتات والخطوط والزوائد

كل ودجت محادثة وأداة تتبع وسلايدر وخط إضافي يزيد الوزن ويبطئ اللمس. أبقِ فقط ما يستحق. استخدم عائلة أو عائلتي خطوط، وللمواقع العربية اختر خطاً عربياً واحداً بدل ثلاثة. وتجنب الفيديو التلقائي في أعلى الصفحة.

بطء INP غالباً يعني جافاسكربت كثير يعمل عند اللمس، وأبسط علاج تقليل السكربتات الخارجية.

اطلب الإصلاحات من Uttra ثم أعد القياس

بما أن Uttra ينشئ موقعاً نظيفاً وخفيفاً تكمل عليه، تقدر تطلب الإصلاحات مباشرة: اضغط جميع صور الصفحة الرئيسية، وحدد عرض وارتفاع كل صورة، وأجّل الصور تحت الشاشة الأولى، واحذف السلايدر غير المستخدم. انشر، وانتظر بيانات جديدة، ثم أعد الفحص في PageSpeed Insights.