تعرض Core Web Vitals المقاييس الثلاثة التي يصنفها Google - LCP وCLS وINP - والتي يتم قياسها مباشرة على الصفحة التي تشاهدها، ويتم تقييمها وفقًا لحدود Google، ويتم إرجاعها إلى العنصر الدقيق وراء كل رقم.
تحدد Core Web Vitals جزءًا من كيفية تصنيف صفحاتك، ولكن الطرق المعتادة لقياسها غير ملائمة. تسجل أدوات المختبر حمولة اصطناعية لا يختبرها أحد. تُبلغ Search Console عن المستخدمين الحقيقيين، بعد أربعة أسابيع، ويتم تجميعهم في مجموعات عناوين URL. ولا يخبرك أي منهما بالعنصر الموجود في الصفحة التي أمامك والذي يمثل المشكلة.
تقوم هذه الأداة بقياس الصفحة التي تنظر إليها فعليًا أثناء استخدامك لها. يحصل كل من LCP وCLS وINP على مربع بقيمته، أو تقييم جيد أو يحتاج إلى عمل أو تقييم ضعيف مقابل الحدود التي نشرتها Google، وشريط يوضح مكان جلوسك. FCP و TTFB يجلسان جنبًا إلى جنب من أجل السياق، لأن بطء LCP الناتج عن خادم بطيء هو مشكلة مختلفة عن تلك التي تنتج عن صورة ثقيلة.
تتطابق التعريفات مع ما يبلغه Chrome إلى CrUX، وهو أمر مهم إذا كنت تنوي مقارنة الأرقام مع Search Console. يستخدم CLS نوافذ الجلسة - تنتهي النافذة بعد فجوة مدتها ثانية واحدة أو بعد خمس ثوانٍ، وتفوز النافذة الأسوأ - بدلاً من إضافة كل نوبة معًا بسذاجة. INP هو النسبة المئوية الـ 98 لزمن وصول تفاعلك، وهو ببساطة التفاعل الأبطأ بالنسبة للزيارة العادية. يتوقف LCP عن التغيير عند تفاعلك الأول، تمامًا كما يفعل Chrome.
والأمر الأكثر فائدة هو أن يتم إسناد كل رقم. تقوم اللوحة بتسمية أكبر عنصر طلاء، والعناصر التي تم إزاحتها وأبطأ التفاعلات، ويقوم زر "إظهار" بالتمرير إلى أي منها وتحديدها على الصفحة. بدلاً من معرفة أن CLS هو 0.31، ترى الشعار الذي يدفع المحتوى الخاص بك إلى الأسفل. يسلمك نسخ التقرير الأمر برمته كنص للتذكرة.
يتم تحديث مقاييس التصنيف الثلاثة أثناء استخدامك للصفحة: يؤدي التمرير إلى تحريك CLS، والنقر والكتابة، وتحريك INP. تم تصنيف كل منها على أنها "جيدة" أو "تحتاج إلى عمل" أو "ضعيفة" وفقًا لحدود Google.
يسمي أكبر عنصر طلاء، والعناصر التي تحركت، وأبطأ التفاعلات. اضغط على "إظهار" للتمرير إلى أي منها وتحديدها مباشرة على الصفحة.
يستخدم CLS نوافذ الجلسات بفجوة 1 ثانية وحد أقصى 5 ثوانٍ، وINP هو النسبة المئوية 98 لزمن وصول التفاعل، ويتجمد LCP عند التفاعل الأول - لذا تتوافق أرقامك مع Search Console.
يقع First Contentful Paint وTime To First Byte بجانب الثلاثة الكبار، لذا يمكنك التمييز بين الخادم البطيء وصورة البطل الثقيلة قبل البدء في تحسين الشيء الخطأ.
يسرد أبطأ تفاعلاتك مع نوع الحدث والعنصر المعني، بحيث يمكن العثور على قائمة منسدلة أو مرشح بطيء بدلاً من تخمينه.
بنقرة واحدة، يمكنك نسخ كل مقياس وتقييم ومحدد مخالف كنص عادي - جاهز للصقه في تذكرة أو طلب سحب أو بريد إلكتروني للعميل.
تأكد من ظهور LCP وCLS وINP باللون الأخضر في القالب الجديد قبل نشره، بدلاً من معرفة ذلك من Search Console بعد شهر.
يخبرك Search Console بأن مجموعة من عناوين URL تفشل في CLS؛ افتح واحدًا منها باستخدام هذه الأداة واعرف بالضبط العنصر الذي يقوم بالتحويل.
قم بتمرير الصفحة وشاهد CLS وهو يتسلق، ثم اضغط على "إظهار" لتحديد الخطوط العريضة للإعلان أو الشعار أو خط الويب الذي يتم تحميله متأخرًا والذي ينقل المحتوى الخاص بك.
انقر عبر عوامل التصفية والقوائم والنماذج، ثم اقرأ قائمة التفاعل الأبطأ للعثور على عنصر التحكم الذي يكلف مئات المللي ثانية.
قم بتسجيل الأرقام، ونشر الإصلاح، ثم قياس نفس الصفحة مرة أخرى ومقارنة التقريرين جنبًا إلى جنب.
انقر فوق أيقونة Core Web Vitals في قاعدة DevSuite Pro. تظهر المربعات المترية على الفور باستخدام كل ما سجلته الصفحة بالفعل.
يكون LCP ذا معنى فقط من بداية تحميل الصفحة، لذا أعد التحميل مع فتح اللوحة عندما تريد قراءة يمكنك الوثوق بها.
قم بالتمرير عبر الصفحة بأكملها لممارسة CLS، ثم انقر ثم انقر فوق واكتب لإنشاء قياسات INP. يتم تحديث البلاط كما تذهب.
اضغط على "إظهار" بجوار عنصر LCP أو مصدر تغيير التخطيط أو التفاعل البطيء. تنتقل الصفحة إليه وتحدده بحيث لا يكون هناك غموض حول العنصر المسؤول.
انقر فوق نسخ التقرير للحصول على ملخص نصي عادي لكل مقياس وتقييم ومحدد. اضغط على "إعادة تعيين" لبدء تشغيل CLS وINP مرة أخرى من البداية.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 71 أداة للمطورين لمتصفحك.
