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

ما هي Core Web Vitals؟

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

تُلخّص Google ما تركّز عليه Core Web Vitals بإيجاز كالتالي:

• ›

  تجربة التحميل

• ›

  التفاعلية

• ›

  الاستقرار البصري لمحتوى الصفحة

Largest Contentful Paint (LCP)

LCP، أي Largest Contentful Paint، هو المؤشر الذي يُعلمك بالزمن المستغرق لتحميل أكبر محتوى مرئي للمستخدم حتى يصبح متاحًا. بعبارة أخرى، تقول Google إن العناصر الموضوعة في المنطقة المعروفة بـ "Above the Fold" يجب أن تُحمَّل بسرعة لتكون مقروءة ومتاحة لتفاعل المستخدم.

من الضروري التوضيح أن العناصر التي تظهر عند الضغط أو التمرير على الشاشة لا تؤثر على LCP. ويمكن أن يكون أكبر محتوى عبارة عن كتلة نصية أو فيديو أو صورة.

تصنيف حالة LCP حسب معايير الزمن. الصورة © web.dev

ما الزمن الذي تعتبره Google مثاليًا؟

كما يظهر في الرسم البياني، ترى Google أن الحد الأقصى لتحميل LCP يجب أن يكون أقل من 2.5 ثانية لتقديم تجربة مستخدم جيدة. ومن المهم أيضًا الإشارة إلى أن عنصر LCP قد يتغير أثناء التحميل.

كيف يمكنني معرفة LCP الخاص بـ URL؟

عند تشغيل تدقيق Lighthouse من متصفح Chrome ذاته، يمكنك معرفة العنصر الذي تعتبره Google أكبر محتوى. الطريقة كالتالي.

ما العوامل المؤثرة في تحميل LCP؟

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

• ›

  استجابة الخادم

• ›

  استعلامات قاعدة البيانات

• ›

  API بطيئة الاستجابة

• ›

  CSS أو JS تحجب الـ render

• ›

  التحميل البطيء لموارد أخرى

• ›

  صور غير محسّنة

• ›

  وغيرها

First Input Delay (FID)

FID، أي First Input Delay، هو المؤشر الذي يدل على الزمن الذي تستغرقه الصفحة للاستجابة عند تفاعل المستخدم مع أحد العناصر.

مؤشرات معروضة في Pagespeed

يمكنك رؤية إشارة إلى هذا المؤشر في أداة Pagespeed التي وفّرتها Google للجميع منذ زمن طويل. والقيمة التي تُعتبر جيدة يجب أن تكون أقل من 100 ميلي ثانية.

تصنيف حالة First Input Delay (FID) حسب معايير الزمن. الصورة © web.dev

غالبًا ما تنبع المشاكل في هذا المؤشر (FID) من تنفيذ JavaScript، لذا يلزم تحديد الجزء من الكود الذي يجعل الصفحة تستغرق وقتًا للاستجابة للتفاعل. وقد عشت هذه المشكلة شخصيًا فيما يتعلق بتحميل JS الإعلانات.

Cumulative Layout Shift (CLS)

Cumulative Layout Shift مؤشر يضع حدًا لتحميل العناصر التي تُغيّر منطقة العرض أثناء التحميل. والهدف هو منح عناصر الشاشة استقرارًا حتى لا تنتقل عند تحميل موارد أخرى.

ترى Google (وكل المستخدمين) أنه من المزعج للغاية أن تبدأ التفاعل مع صفحة (بالقراءة أو التمرير، مثلًا)، ثم يأتي عنصر مُحمَّل لاحقًا فيُغيّر موضعك بالنسبة إلى المحتوى ويضطرك إلى التمرير من جديد للتعويض.

يوضّح هذا المثال آلية عمل المؤشر بشكل أفضل. في البداية، نرى المحتوى مُحمَّلًا على اليسار. وما تشير إليه Google عند الحديث عن الاستقرار هو أن تحميل العنصر الثالث يجب ألا يُحرّك العناصر التي حُمِّلت قبله. وكما يظهر في الصورة على اليمين، عند تحميل فيديو YouTube، تم دفع الكتلتين اللتين حُمِّلتا أولًا.

لماذا تُعد Core Web Vitals مهمة؟

طوال الفترة التي عمل فيها محرك بحث Google، فرضت Google التزامات متعددة على كل من يدير موقعًا ويرغب في الظهور كخيار في نتائج البحث.

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

تُعد هذه المؤشرات إشارة من Google إلى أجزاء الموقع التي قد تكون مشكلة للمستخدم. ولكن… هل هذا مهم فعلًا؟

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

من جهتنا، سنأخذها بعين الاعتبار بكل تأكيد.

هل تؤثر Core Web Vitals على الترتيب؟

ما نعرفه اليوم هو أن مؤشرات تحسين تجربة المستخدم تكتسب أهمية متزايدة، وأن بعضها يُؤخذ بالفعل في الاعتبار في نتائج البحث. وقد أعلنت مدونة Google في منشور بتاريخ 28 مايو أنه سيتم إطلاق تحديث جديد في 2021 يتضمن مؤشرات عدة تتعلق بتجربة المستخدم.

يكفي تذكّر كيف جرى Mobile First Index وكيف أُعلن عنه مسبقًا. وفي هذه الحالة أيضًا، يُحذّر منشور مايو من أنه سيكون هناك إخطار قبل 6 أشهر على الأقل… فهل سيصدر التحديث في نهاية العام المقبل؟

أدوات تحسين Core Web Vitals

بعد أن استعرضنا ماهية Core Web Vitals ومدى أهميتها في الأشهر القادمة، حان الوقت للبدء في تحسين هذه المؤشرات. تتيح لنا أدوات متعددة معالجة المشكلات المُكتشفة وتحقيق تحسينات في الأداء.

Lighthouse

Lighthouse أداة قوية مفتوحة المصدر مدمجة في Chrome. عبر Lighthouse يمكنك إجراء اختبارات مختلفة لتدقيق موقعك والحصول على نتائج بشأن النواقص أو الأجزاء التي تحتاج إلى تحسين، ومن بينها مؤشرات Core Web Vitals.

صورة مأخوذة من نتيجة تدقيق Lighthouse

Page Speed Insights

Page Speed Insights خيار آخر تتيحه Google للحصول على بيانات أداء موقعك. وتعرض هذه الأداة المؤشرات الأهم وحالتها بشكل بياني. وتعتمد Page Speed Insights على تقرير تجربة المستخدم بهدف الحصول على بيانات مقارنة بمواقع أخرى.

المؤشرات التي تقدمها Page Speed Insights

Chrome UX

Chrome User Experience Report عبارة عن مجموعة من البيانات التي تقدمها Google عن سلوك المستخدمين حول العالم عبر Chrome. للوصول إلى هذه البيانات يلزم استخدام Big Query، إضافة إلى توفر حساب على Google Cloud.

أصبح الوصول أسهل عبر Google Data Studio، وكل شيء معد تقريبًا في هذه الـ Dashboard.

Chrome Dev Tools

يمكن تحليل مؤشرات Core Web Vitals ليس فقط عبر Lighthouse بل أيضًا عبر أدوات المطورين في Chrome، والوصول إلى الاستنتاجات نفسها. على سبيل المثال، يمكن في علامة التبويب "Performance" إجراء تسجيل أو تحميل جديد للحصول على معلومات مفيدة حول كيفية أداء URL.

لقطة شاشة من خيار Performance في Chrome Dev Tools

Web.Dev

ثمة دائمًا طريقة لتسهيل الأمور، على الأقل عند التعرف على Core Web Vitals. يحتوي الموقع الرسمي على صفحة تشرح كل مؤشر بالتفصيل وتُبيّن ماهيته وكيفية تحسينه.

علاوة على ذلك، يوجد في متجر Chrome امتداد يُعلمك بهذه المعلومات عند زيارة كل URL.

يمكنك الاطلاع على حالة URL وفقًا لمعايير هذه المؤشرات من خلال إشارات حمراء أو خضراء.

لقطة شاشة للنتائج التي يقدمها امتداد Web Vitals

Search Console

Search Console أداة لا غنى عنها لكل مدير موقع. وقد أُضيفت إليها وظيفة تتيح معرفة الـ URLs التي تعاني من مشكلات في المؤشرات الثلاثة (LCP وFID وCLS). يوجد خيار "Core Web Vitals" في القائمة اليسرى، وعند تحديده يظهر رسمان بيانيان يعرضان نتائج URLs بحسب الجهاز. وعند اختيار جهاز معين (سطح مكتب أو موبايل)، يمكنك الاطلاع على تفاصيل الـ URLs التي بها مشكلات.

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

الخلاصة

تهدف هذه الجولة في Core Web Vitals إلى أن نعتاد على مؤشرات ستصبح ذات وزن متزايد، وعلى كل من يعمل في SEO أو يدير موقعًا أن يتعايش معها. تنصح SEOcrawl بالاستفادة الكاملة من جميع هذه الأدوات التي ستساعدك بكل تأكيد على تحسين أداء WPO لموقعك.

*هل تقبل تحدي تحسين سرعة موقعك؟ قم بإجراء اختبار باستخدام إحدى الأدوات المذكورة أعلاه وأرسل لنا رسالة مع لقطة الشاشة. سنقدم لك نصائح للتحسين مجانًا! *