تحسين Core Web Vitals في ليون — مؤشرات Google باللون الأخضر لترتيب أفضل

ما هي مؤشرات Core Web Vitals ولماذا يهتم بها Google؟

عامل ترتيب في Google منذ 2021

منذ يونيو 2021، يدمج Google مؤشرات Core Web Vitals في خوارزمية الترتيب. فالموقع السريع والمستقر يحظى بالأفضلية في نتائج البحث على منافس أبطأ منه. وقد عزّز هذا التحديث أهمية الأداء التقني في تحسين محركات البحث. والشركات الصغيرة والمتوسطة في ليون التي تستثمر في تحسين مؤشرات Core Web Vitals تكسب ميزة تنافسية قابلة للقياس في نتائج البحث المحلية، كما ينعكس هذا الأداء مباشرة على ظهورك في Google Business Profile.

LCP — Largest Contentful Paint

يقيس مؤشر LCP الوقت اللازم لعرض أكبر عنصر مرئي في الصفحة (الصورة الرئيسية، أو العنوان الرئيسي، أو كتلة نصية). يعدّ Google قيمة LCP أقل من 2.5 ثانية جيدة، وبين 2.5 و4 ثوانٍ بحاجة إلى تحسين، وما يتجاوز 4 ثوانٍ سيئة. أكثر أسباب ضعف LCP شيوعًا: صور غير محسّنة، وخادم بطيء (TTFB مرتفع)، وملفات CSS وJavaScript تعيق العرض، وخطوط ويب ثقيلة.

INP — Interaction to Next Paint

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

CLS — Cumulative Layout Shift

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

كيف نحسّن مؤشرات Core Web Vitals لموقعك

تحسين الصور (WebP، والتحميل الكسول، والأبعاد)

نحوّل جميع صورك إلى صيغة WebP (أو AVIF) مع ضغط ذكي، ونضيف السمتين width وheight لمنع CLS، ونفعّل التحميل الكسول الأصلي للصور الواقعة أسفل الجزء الظاهر من الصفحة. النتيجة: انخفاض LCP إلى النصف في المتوسط، وتراجع CLS إلى الصفر.

تصغير ملفات CSS وJS وHTML

كل كيلوبايت له وزنه. نصغّر ملفات CSS وJavaScript وHTML لتقليص حجم البيانات المنقولة. وتزيل تقنية tree-shaking الشيفرة غير المستخدمة، بينما تقسّم تقنية code-splitting الحزم إلى أجزاء تُحمَّل عند الحاجة.

تأجيل تحميل سكربتات الجهات الخارجية

كثيرًا ما تكون سكربتات الجهات الخارجية (أدوات التحليلات، والدردشة، والإعلانات، وشبكات التواصل الاجتماعي) المسؤول الأول عن ضعف INP. لذلك نحمّلها بشكل غير متزامن أو مؤجّل حتى لا تؤثر في العرض الأولي لصفحاتك.

التحميل المسبق للموارد الأساسية

نستخدم توجيهات preload وprefetch وpreconnect ليستبق المتصفح تحميل الموارد الأساسية: الخطوط، والصور الرئيسية، وأوراق الأنماط الحرجة.

تخزين مؤقت متقدم وشبكة CDN

نضبط التخزين المؤقت في المتصفح بمدد مثلى لكل نوع من الموارد، وننشر الموقع على شبكة CDN عالمية لتقديم صفحاتك من أقرب نقطة حضور إلى زوّارك. ويمكنك استكمال ذلك بـعرض الصيانة لدينا لضمان أداء مستدام.

إزالة JavaScript المعيق للعرض

نحدّد كل شيفرة JavaScript تعيق عرض الصفحة ثم نزيلها أو نؤجّلها. ويُدرج CSS الحرج مباشرة داخل HTML، بينما يُحمَّل الباقي بشكل غير متزامن.

نتائجنا بالأرقام

الهدف: درجة PageSpeed تتجاوز 90، مع نشر القياسات

تتجاوز أفضل مشاريعنا 95/100 في أداء PageSpeed: ‏Damien Mugnier بدرجة 97، وCompagnie l'Entr'Axes بدرجة 98، وLe Galant بدرجة 96. لكن ليست كل مشاريعنا كذلك: فمتوسط مشاريعنا المقيسة هو 85/100، وكل درجة أدنى منشورة على صفحة المشروع مع سببها وخطة تصحيحها. وهذا تحديدًا هو موضوع هذه الخدمة. وللحفاظ على هذه الدرجات على المدى الطويل، تضمن المتابعة المنتظمة عبر خدمة الصيانة أداءً مثاليًا بشكل مستمر.

‏LCP: حدّ Google هو 2.5 ثانية، ونستهدف ما دونه بكثير

لا ننشر «متوسط LCP»، لأنه يتوقف على شبكة الزائر وجهازه، ورقم واحد لن يكون له معنى. ما ننشره هو درجات أداء Lighthouse لكل مشروع، على صفحة دراسة الحالة الخاصة به، حتى حين تكون قابلة للتحسين.

‏CLS: صفر إزاحة بصرية كقاعدة في التصميم

تعني قيمة CLS صفرية عدم حدوث أي إزاحة بصرية أثناء تحميل الصفحة. أبعاد محددة لكل صورة، وخطوط تُحمَّل دون قفزات، وارتفاعات محجوزة مسبقًا: هذه قاعدة ثابتة في تطويرنا، نتحقق منها في كل قياس Lighthouse، وليست رقمًا مضمونًا في جميع المشاريع.

مؤشر INP محسّن في جميع مشاريعنا الحديثة

بفضل اختيارنا لتقنيات حديثة (React وNext.js وVite) وعنايتنا بتقسيم الشيفرة، تُصمَّم مواقعنا لتستجيب للتفاعلات في زمن أقل بكثير من حدّ Google البالغ 200 ملّي ثانية.

مؤشرات Core Web Vitals وترتيبك في Google في ليون

ما الذي تغيّره السرعة في الترتيب

يستخدم Google مؤشرات Core Web Vitals كإشارة ترتيب من بين إشارات أخرى: فعند تساوي المحتوى، يُزحف إلى الموقع الأسرع بشكل أفضل ويحقق تحويلات أكثر. ونحن لا ننشر تحسّنًا في المراكز لم نقسه؛ فدرجات Lighthouse لكل مشروع مذكورة على صفحة دراسة الحالة الخاصة به، ويتلقى العملاء المشتركون في خدمة المتابعة تقريرًا شهريًا عن المراكز.

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

بحسب دراسة Google حول سرعة الصفحات على الأجهزة المحمولة (تُفتح في علامة تبويب جديدة)، يرتفع احتمال الارتداد بنسبة 32 % عندما يزيد زمن التحميل من ثانية واحدة إلى 3 ثوانٍ، وبنسبة 90 % من ثانية واحدة إلى 5 ثوانٍ. فالسرعة تؤثر مباشرة في تحويلاتك ورقم أعمالك ورضا عملائك.

تدقيق مجاني لمؤشرات Core Web Vitals الحالية لموقعك

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