شرح مؤشرات أداء الويب الأساسية (Core Web Vitals) لأصحاب الأعمال

عادةً ما يسمع صاحب العمل في دبي عن مؤشرات أداء الويب الأساسية بإحدى طريقتين: إما أن يذكرها المطوّر أثناء إعادة تصميم الموقع، أو يظهر تحذير أحمر في Google Search Console يفيد بأن الصفحات «ضعيفة». ولا تشرح أي منهما معنى هذه الأرقام أو ما إذا كان إصلاحها يستحق الإنفاق.

يشرح هذا الدليل المقاييس الثلاثة بلغة بسيطة، وما يُعد نجاحًا فيها، ومدى تأثيرها في الترتيب، وترتيبًا عمليًا للإصلاحات. وهو موجّه لأصحاب الأعمال ومديري التسويق لا للمطورين، حتى تتمكن من إجراء نقاش واعٍ مع من يبني موقعك.

ما هي مؤشرات أداء الويب الأساسية (Core Web Vitals)؟

مؤشرات أداء الويب الأساسية مجموعة صغيرة من مقاييس تجربة المستخدم تحددها Google وتقيسها باستخدام بيانات من مستخدمي Chrome الحقيقيين. ويجيب كل منها عن سؤال بسيط يطرحه الزائر دون أن ينتبه لذلك.

• Largest Contentful Paint (LCP): كم من الوقت يمر حتى يظهر المحتوى الرئيسي، وهو عادةً الصورة الرئيسية أو العنوان. «هل هذه الصفحة تُحمَّل؟»
• Interaction to Next Paint (INP): مدى سرعة استجابة الصفحة بصريًا بعد اللمس أو النقر أو الضغط على مفتاح. «هل نجحت لمستي؟»
• Cumulative Layout Shift (CLS): مقدار تحرك عناصر التخطيط أثناء التحميل. «لماذا تحرك الزر في اللحظة التي ضغطت عليه؟»

حلّ INP محل First Input Delay (FID) كمقياس للاستجابة في مارس 2024. فقد كان FID يقيس فقط التأخير قبل التفاعل الأول، بينما ينظر INP في التفاعلات طوال الزيارة، وهو اختبار أصعب وأكثر إنصافًا للمواقع التي تحتوي على قوائم وفلاتر وشرائح عرض ونماذج.

ما النتائج التي يجب أن تستهدفها؟

تنجح الصفحة عندما تحقق 75% على الأقل من الزيارات الحقيقية حدّ «جيد» في المقاييس الثلاثة كلها. وتنشر Google هذه الحدود:

قاعدة المئين 75 مهمة. فقد تُحمَّل صفحتك في ثانية واحدة على اتصال الألياف الضوئية في المكتب، لكن إذا كان ربع الزوار يستخدمون هواتف أقدم في موقف سيارات تحت الأرض في ديرة، فإن تلك الزيارات تخفض النتيجة. وهذه هي التجربة التي تقيسها Google.

هل تؤثر مؤشرات أداء الويب الأساسية في ترتيب Google؟

نعم، لكن بدرجة متواضعة. فهي جزء من إشارات تجربة الصفحة لدى Google، وقد أوضحت Google أن التجربة الممتازة للصفحة لا تتفوق على مدى الصلة. فالصفحة السريعة ذات المحتوى الضعيف لن تتفوق على صفحة أبطأ تجيب عن الاستعلام بشكل صحيح.

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

كيف تفحص مؤشرات أداء الويب الأساسية لموقعك؟

ابدأ بأدوات Google المجانية، وتعلّم الفرق بين البيانات الميدانية والبيانات المعملية قبل التصرف بناءً على أي رقم.

1. تقرير Core Web Vitals في Google Search Console: يصنّف روابط موقعك إلى جيدة وتحتاج إلى تحسين وضعيفة، بشكل منفصل للجوال والكمبيوتر. وهذه بيانات ميدانية، وهو أفضل مكان للبدء.
2. PageSpeed Insights: أدخل رابطًا لترى في الأعلى البيانات الميدانية من Chrome UX Report إذا كانت الصفحة تحظى بزيارات كافية، وتحتها اختبار Lighthouse معملي مع توصيات محددة.
3. Chrome DevTools: مفيدة للمطورين لإعادة إنتاج المشكلة، وإبطاء الاتصال، ومعرفة العنصر الذي يمثل LCP بالضبط أو السكربت الذي يعيق التفاعل.

النتائج المعملية محاكاة. وهي مفيدة للتشخيص، لكن نتيجة 95 في Lighthouse لا تعني أنك نجحت، ونتيجة 60 لا تعني أنك أخفقت. البيانات الميدانية هي الحَكَم.

ما الأسباب الشائعة لضعف النتائج في مواقع الشركات؟

تأتي معظم الإخفاقات من قائمة قصيرة من المسببات المتكررة، خاصة في مواقع WordPress ومواقع أدوات بناء الصفحات.

بطء LCP

• صور رئيسية أو فيديوهات خلفية غير مضغوطة، يبلغ حجمها غالبًا عدة ميغابايت.
• استضافة بطيئة أو غياب التخزين المؤقت، فيستغرق الخادم وقتًا طويلًا للاستجابة.
• تطبيق التحميل الكسول على الصورة الرئيسية، مما يؤخر العنصر نفسه الذي يقيسه LCP.
• تحميل خطوط الويب وملفات CSS المعيقة للعرض قبل أن يظهر أي شيء.

ضعف INP

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

ارتفاع CLS

• صور وعناصر مضمّنة دون تحديد العرض والارتفاع، فيُعاد ترتيب الصفحة عند تحميلها.
• شرائط ملفات تعريف الارتباط أو الشرائط الترويجية أو أزرار WhatsApp التي تُحقن في الأعلى بعد ظهور الصفحة.
• تبديل الخطوط في وقت متأخر وتغيّر أطوال الأسطر، وهو أمر شائع مع خطوط الويب العربية في المواقع ثنائية اللغة.

كيف تصلح مؤشرات أداء الويب الأساسية خطوة بخطوة؟

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

1. حدّد القوالب التي تفشل. يجمع Search Console الروابط المتشابهة، لذا فإن إصلاحًا واحدًا لقالب صفحة الخدمة قد يصلح مئات الصفحات.
2. عالج الاستضافة والتخزين المؤقت. استجابة الخادم السريعة هي أساس LCP. استخدم التخزين المؤقت للصفحات وشبكة CDN، ويُفضَّل أن تكون لها نقاط توزيع قريبة من منطقة الخليج.
3. حسّن القسم الرئيسي. قدّم صورًا بأحجام صحيحة وبصيغ حديثة، ولا تطبّق التحميل الكسول على الصور الظاهرة في أعلى الصفحة، وحمّل صورة LCP مسبقًا عند الحاجة.
4. راجع سكربتات الجهات الخارجية. أدرج كل وسم في Google Tag Manager وفي القالب. أزل ما لا يستخدمه أحد، وأخّر الأدوات غير الأساسية إلى ما بعد التفاعل.
5. احجز المساحات. حدّد أبعاد الصور والفيديوهات المضمّنة ومساحات الإعلانات، واجعل الشرائط تظهر فوق الصفحة بدلًا من دفعها للأسفل.
6. أعد الاختبار في ظروف حقيقية. تستغرق البيانات الميدانية في Search Console نحو 28 يومًا لتعكس التغييرات بالكامل، لذا تحقّق من الإصلاح هناك وتحلَّ بالصبر.

للاطلاع على صورة أشمل للسرعة تتجاوز هذه المقاييس الثلاثة، راجع دليلنا حول تحسين سرعة المواقع الإلكترونية. وإذا كنت تطلب موقعًا جديدًا، فأدرج أهداف هذه المؤشرات في متطلبات المشروع بدلًا من إصلاحها بعد الإطلاق.

لماذا تهم مؤشرات أداء الويب الأساسية جمهور الإمارات أكثر؟

التصفح في الإمارات يتم عبر الجوال بأغلبية ساحقة، ويحدث جزء كبير منه أثناء التنقل: في سيارات الأجرة، وفي المترو، وبين الاجتماعات. كما تحمل مواقع كثيرة هنا عبئًا إضافيًا لا تحمله المواقع في أماكن أخرى، مثل الخطوط ثنائية اللغة، وأدوات دردشة WhatsApp، وبكسلات إعلانية متعددة لـ Google Ads وإعلانات Meta وTikTok وSnapchat، وصور أسلوب الحياة كبيرة الحجم.

كل عنصر من هذه العناصر معقول بمفرده. لكنها مجتمعةً هي السبب في أن مواقع كثيرة في دبي تبدو مبهرة على شاشة المصمم وتفشل على هاتف Android متوسط الفئة. واختبار الموقع على الأجهزة التي يستخدمها عملاؤك فعلًا هو العادة الأكثر فائدة التي يمكنك ترسيخها.

كيف يمكن أن تساعدك Upscaleads

نفحص مؤشرات أداء الويب الأساسية ضمن خدمات السيو لدينا، ثم نعالج الأسباب الجذرية في القالب والاستضافة وإعداد الوسوم بدلًا من مطاردة نتيجة معملية. وللمتابعة المستمرة بعد الإطلاق، تحافظ باقات صيانة المواقع ودعمها لدينا على هذا العمل من أن تُفسده الإضافات والحملات الجديدة. وإذا كان تقرير Search Console لديك يظهر باللون الأحمر، تواصل معنا وسنخبرك بالمشكلات التي تستحق الإصلاح أولًا.