لم تعد سرعة الموقع مسألة جمالية أو رفاهية تقنية، بل أصبحت جزءًا من الطريقة التي يقيم بها جوجل تجربة المستخدم على صفحات الويب. ومنذ أن أعلنت جوجل عن مؤشرات أداء الويب الأساسية Core Web Vitals، صار لدى أصحاب المواقع مقاييس واضحة وموحدة تقيس ما يشعر به الزائر فعليًا: هل ظهر المحتوى الرئيسي بسرعة؟ هل استجابت الصفحة عند النقر؟ وهل بقيت عناصرها ثابتة أم قفزت أمام عينيه؟ في هذا الشرح نتعرف على هذه المؤشرات الثلاثة، وقيمها المثالية، وأدوات قياسها، وأهم الطرق العلمية لتحسينها.
ومن المهم هنا تصحيح فهم شائع: هذه المؤشرات ليست عصا سحرية ترفع موقعك إلى الصدارة، فجوجل نفسها توضح أن المحتوى المفيد وذا الصلة يبقى العامل الأهم. لكن حين تتقارب الصفحات في جودة المحتوى، قد تصنع تجربة الاستخدام الأفضل الفارق. والأهم من الترتيب أن الموقع البطيء أو المرتبك يخسر زواره قبل أن يقرؤوا سطرًا واحدًا، فترتفع نسبة الارتداد وتقل التحويلات والمشاركات.
والمؤشر الثالث هو CLS أي Cumulative Layout Shift، ويقيس مقدار التحرك المفاجئ لعناصر الصفحة أثناء التحميل، كأن تنزل الفقرة التي تقرؤها فجأة لأن إعلانًا أو صورة ظهرت فوقها، والقيمة الجيدة له 0.1 أو أقل. وتعتمد جوجل في تقييمها على ما يُعرف بالمئين الخامس والسبعين، أي أن الصفحة تُعد جيدة إذا حقق خمسة وسبعون بالمئة على الأقل من زياراتها الحقيقية هذه القيم، وليس مجرد نتيجة اختبار واحد على جهاز سريع.
ومن أهم الأدوات المجانية في هذا المجال أداة PageSpeed Insights التي تعرض النوعين معًا لأي رابط، وتقرير مؤشرات أداء الويب الأساسية داخل Google Search Console الذي يجمع صفحات موقعك في مجموعات ويحدد الضعيف منها، إضافة إلى أداة Lighthouse المدمجة في أدوات المطور بمتصفح كروم. ويُنصح بمراجعة تقرير Search Console دوريًا، لأنه يكشف المشكلات على مستوى قوالب الصفحات كاملة لا على مستوى صفحة واحدة.
أما INP فيتأثر غالبًا بكثرة أكواد JavaScript الثقيلة التي تشغل المتصفح وتمنعه من الاستجابة، لذلك يُنصح بتقسيم المهام الطويلة إلى مهام أصغر، وإزالة السكربتات والإضافات غير المستخدمة، وتأجيل سكربتات الطرف الثالث كأدوات التتبع والدردشة. وبالنسبة إلى CLS فالقاعدة الذهبية هي حجز مساحة ثابتة لكل عنصر قبل تحميله، وذلك بتحديد أبعاد الصور والفيديوهات عبر الخاصيتين width وheight أو aspect-ratio، وحجز أماكن الإعلانات مسبقًا، وتجنب إدراج محتوى جديد فوق المحتوى الظاهر، واستخدام font-display مع الخطوط لتقليل اهتزاز النصوص.
ولا تنسَ أن التحسين عملية مستمرة لا تنتهي بنتيجة خضراء واحدة، فكل إضافة جديدة أو قالب أو سكربت إعلاني قد يعيد المشكلات من جديد. لذلك اجعل فحص الأداء جزءًا من روتينك قبل اعتماد أي تعديل كبير على الموقع، واختبر الصفحات على هاتف متوسط المواصفات واتصال عادي، لأن أغلب زوارك لا يتصفحون من أجهزة حديثة واتصالات فائقة السرعة كما يفعل المطورون عادة.
ما هي Core Web Vitals ولماذا تهتم بها جوجل؟
مؤشرات أداء الويب الأساسية هي مجموعة من المقاييس التي طورتها جوجل لقياس جودة تجربة المستخدم من ثلاث زوايا: سرعة التحميل، وسرعة الاستجابة للتفاعل، والاستقرار البصري. وتدخل هذه المؤشرات ضمن ما تسميه جوجل إشارات تجربة الصفحة، إلى جانب عوامل أخرى مثل استخدام بروتوكول HTTPS وملاءمة الموقع للهواتف وغياب النوافذ المنبثقة المزعجة. والفكرة الأساسية أن محرك البحث يريد أن يرسل مستخدميه إلى صفحات لا تقدم محتوى جيدًا فحسب، بل تقدمه بطريقة مريحة وسريعة.ومن المهم هنا تصحيح فهم شائع: هذه المؤشرات ليست عصا سحرية ترفع موقعك إلى الصدارة، فجوجل نفسها توضح أن المحتوى المفيد وذا الصلة يبقى العامل الأهم. لكن حين تتقارب الصفحات في جودة المحتوى، قد تصنع تجربة الاستخدام الأفضل الفارق. والأهم من الترتيب أن الموقع البطيء أو المرتبك يخسر زواره قبل أن يقرؤوا سطرًا واحدًا، فترتفع نسبة الارتداد وتقل التحويلات والمشاركات.
المؤشرات الثلاثة وقيمها المثالية
المؤشر الأول هو LCP أي Largest Contentful Paint، ويقيس الزمن الذي يستغرقه أكبر عنصر مرئي في الشاشة الأولى، كصورة رئيسية أو كتلة نصية كبيرة، حتى يظهر للمستخدم. والقيمة الجيدة له هي 2.5 ثانية أو أقل. أما المؤشر الثاني فهو INP أي Interaction to Next Paint، وقد حل رسميًا محل مؤشر FID في مارس 2024، ويقيس مدى سرعة استجابة الصفحة لتفاعلات المستخدم طوال مدة زيارته، كالنقر على زر أو فتح قائمة أو الكتابة في حقل، والقيمة الجيدة له 200 مللي ثانية أو أقل.والمؤشر الثالث هو CLS أي Cumulative Layout Shift، ويقيس مقدار التحرك المفاجئ لعناصر الصفحة أثناء التحميل، كأن تنزل الفقرة التي تقرؤها فجأة لأن إعلانًا أو صورة ظهرت فوقها، والقيمة الجيدة له 0.1 أو أقل. وتعتمد جوجل في تقييمها على ما يُعرف بالمئين الخامس والسبعين، أي أن الصفحة تُعد جيدة إذا حقق خمسة وسبعون بالمئة على الأقل من زياراتها الحقيقية هذه القيم، وليس مجرد نتيجة اختبار واحد على جهاز سريع.
كيف تقيس أداء موقعك بدقة؟
يجب التمييز بين نوعين من البيانات: البيانات الميدانية وهي المأخوذة من زيارات المستخدمين الحقيقيين عبر تقرير تجربة مستخدم كروم المعروف باسم CrUX، والبيانات المعملية وهي نتائج اختبار محاكاة تُجرى في ظروف محددة. والبيانات الميدانية هي التي تعتمد عليها جوجل في التقييم، بينما تفيد البيانات المعملية في اكتشاف أسباب المشكلات وتجربة الحلول قبل نشرها.ومن أهم الأدوات المجانية في هذا المجال أداة PageSpeed Insights التي تعرض النوعين معًا لأي رابط، وتقرير مؤشرات أداء الويب الأساسية داخل Google Search Console الذي يجمع صفحات موقعك في مجموعات ويحدد الضعيف منها، إضافة إلى أداة Lighthouse المدمجة في أدوات المطور بمتصفح كروم. ويُنصح بمراجعة تقرير Search Console دوريًا، لأنه يكشف المشكلات على مستوى قوالب الصفحات كاملة لا على مستوى صفحة واحدة.
طرق عملية لتحسين LCP وINP وCLS
لتحسين LCP ابدأ من الخادم، فزمن الاستجابة الأولى المرتفع يؤخر كل ما بعده، ويساعد استخدام التخزين المؤقت وشبكة توصيل المحتوى CDN على تقليصه كثيرًا. ثم اهتم بالصورة الرئيسية في أعلى الصفحة: اضغطها واستخدم صيغًا حديثة مثل WebP أو AVIF، ولا تطبق عليها التحميل الكسول lazy loading، بل أعطها أولوية عبر الخاصية fetchpriority بقيمة high. كما يفيد تقليل ملفات CSS وJavaScript التي تعيق عرض الصفحة وتأجيل غير الضروري منها.أما INP فيتأثر غالبًا بكثرة أكواد JavaScript الثقيلة التي تشغل المتصفح وتمنعه من الاستجابة، لذلك يُنصح بتقسيم المهام الطويلة إلى مهام أصغر، وإزالة السكربتات والإضافات غير المستخدمة، وتأجيل سكربتات الطرف الثالث كأدوات التتبع والدردشة. وبالنسبة إلى CLS فالقاعدة الذهبية هي حجز مساحة ثابتة لكل عنصر قبل تحميله، وذلك بتحديد أبعاد الصور والفيديوهات عبر الخاصيتين width وheight أو aspect-ratio، وحجز أماكن الإعلانات مسبقًا، وتجنب إدراج محتوى جديد فوق المحتوى الظاهر، واستخدام font-display مع الخطوط لتقليل اهتزاز النصوص.
ولا تنسَ أن التحسين عملية مستمرة لا تنتهي بنتيجة خضراء واحدة، فكل إضافة جديدة أو قالب أو سكربت إعلاني قد يعيد المشكلات من جديد. لذلك اجعل فحص الأداء جزءًا من روتينك قبل اعتماد أي تعديل كبير على الموقع، واختبر الصفحات على هاتف متوسط المواصفات واتصال عادي، لأن أغلب زوارك لا يتصفحون من أجهزة حديثة واتصالات فائقة السرعة كما يفعل المطورون عادة.
