القائمة الرئيسية

الصفحات

تحديثات PageSpeed ​​Insights لـ Lighthouse 8.4

تستخدم PageSpeed ​​Insights الآن Lighthouse 8.4.0 ، الذي يتميز بعمليتي تدقيق جديدتين. تساعد الإضافة الأكبر الناشرين على تشخيص مشكلة شائعة تؤثر سلبًا على مقياس الرسم الأكبر للمحتوى. سيساعد هذا التدقيق الجديد الناشرين على تحقيق درجات LCP (أكبر محتوى مضمون) أفضل.

أعظم لوحة محتوى

كانت هناك مشكلة طويلة الأمد مع Largest Contentful Paint (LCP) سيساعد أحدث إصدار من Lighthouse ، 8.4.0 في تشخيصها.

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

قبل التحميل البطيء ، سيتم تنزيل الصور الموجودة في الجزء المرئي من الصفحة (غير مرئية في نافذة عرض المتصفح) في الخلفية.

دعاية

أكمل القراءة أدناه

وقد أدى ذلك إلى إبطاء رؤية المحتوى وتفاعله في منفذ عرض زائر الموقع.

عندما يتم تحميل الصور الموجودة خارج إطار عرض الجوال في الخلفية ، فإنها في الواقع تبطئ عرض الجزء المرئي من صفحة الويب.

بإضافة سمة Lazy Load HTML إلى الصور ، سيعرف المتصفح أنه لن يقوم بتنزيل الصور (الموجودة خارج النافذة) حتى وقت لاحق.

هذا له تأثير في زيادة سرعة الصفحة.

لكن عناصر التحميل البطيئة الموجودة في نافذة أكبر محتوى لطلاء المحتوى لها تأثير سلبي وهذا أحد الأشياء التي إصلاحها Lighthouse 8.4.0.

دعاية

أكمل القراءة أدناه

التأثير السلبي للتحميل البطيء لجميع الصور

قدم WordPress 5.4 التحميل البطيء الأصلي للصور. قبل تنفيذ التغيير ، اختبر المطورون تحسينات السرعة ووجدوا أن إضافة سمة HTML ذات التحميل البطيء إلى جميع الصور أدت إلى زيادة السرعة.

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

أضاف هذا تأثيرًا سلبيًا على مقياس أكبر محتوى لطلاء المحتوى (LCP) وقدم تجربة مستخدم سلبية طفيفة.

فاقت المكاسب من إضافة الحمل البطيء الخسائر من الضربة إلى مقياس LCP ، لذلك فعل WordPress ذلك.

ومع ذلك ، لاحظت Google أنه بعد تنفيذ التحميل البطيء في نواة WordPress ، بدأت درجات Lowest Contentful Paint (LCP) في الانخفاض قليلاً.

في مقال نشر Google على Web.dev حول تأثير التحميل البطيء على أداء الكثير من التحميل البطيء ، قاموا بالبحث في البيانات من مواقع الويب الحقيقية ووجدوا أن المواقع التي تحتوي على الكثير من التحميل البطيء عانت من نتائج LCP الضعيفة.

اكتشفوا أن عمليات التحميل البطيئة العدوانية كانت السبب ، وعلموا أنها كانت مشكلة خاصة بمواقع WordPress.

دعاية

أكمل القراءة أدناه

أكدت Google أن نتائج WordPress الخاصة بـ LCP تنخفض بالفعل.

استنتج المؤلفون:

“… من الواضح جدًا أن تقنية التحميل البطيء التي يستخدمها WordPress تعمل على تقليل وحدات بايت الصورة ولكن على حساب LCP المتأخر. “

يضيف Lighthouse 8.4.0 تدقيق الحمل البطيء LCP

ربما شهد الناشرون انخفاض درجات أكبر محتوى محتوى (LCP) ولم يفهموا سبب تدهورها. يعالج Lighthouse 8.4.0 هذه المشكلة عن طريق إضافة تدقيق خصيصًا لتشخيص هذه المشكلة.

يجب عدم تحميل كل الصور الموجودة في أكبر نافذة Paint مع المحتوى ، وهي جزء من صفحة الويب التي يراها الزائر أولاً.

سوف يكتشف Lighthouse 8.4.0 ما إذا كان هناك أي عناصر في نافذة LCP تم تحميلها كسول.

دعاية

أكمل القراءة أدناه

أ صفحة مطور Chrome يصف كيفية عمل Lighthouse 8.4.0:

“سوف يكتشف Lighthouse الآن ما إذا كان عنصر Largest Content Painting (LCP) كان صورة محملة كسولًا ويوصي بإزالة سمة التحميل منه.”

تصف صفحة مطور Lighthouse 8.4.0 الرسمية الميزة الجديدة:

“اكتشف عندما يتم تحميل عنصر LCP بشكل كسول. يتم عرض الصور فوق خط الماء التي يتم تحميلها بتكاسل لاحقًا في دورة حياة الصفحة ، مما قد يؤدي إلى تأخير المزيد من طلاء المحتوى.

تدقيق جديد لإطار عرض الجوال

سيضيف Lighthouse 8.4.0 أيضًا تدقيقًا جديدًا يكتشف ما إذا لم يكن هناك علامة وصفية لإطار العرض للجوال في قسم الرأس.

هذا مهم لأن الفشل في إضافة علامة meta tag هذه قد يؤدي إلى انخفاض درجة تأخير الإدخال الأول.

دعاية

أكمل القراءة أدناه

يوضح التوثيق أهمية هذا التدقيق الجديد:

“في دراسة حديثة لبيانات من أرشيف HTTP ، أكثر من نصف المواقع التي سجلت 90 أو أعلى في Lighthouse ، لكنها فشلت على الأقل واحد من Core Web Vital ، لم يكن لديها منفذ عرض. مجموعة الهاتف المحمول وفشلت FID. لذلك ، سيوصي قسم Lighthouse Performance الآن بإضافة نافذة مثل التالية إذا لم يتم العثور على أي منها:

<meta name="viewport" content="width=device-width">"

Lighthouse 8.4.0 متصل بالإنترنت

يتوفر Lighthouse 8.4.0 الآن في PageSpeed ​​Insights وسيؤدي إلى تشغيل تحذير LCP الجديد إذا عثر على عنصر تم تحميله بطيئًا في أكبر نافذة لطلاء المحتوى.

دعاية

أكمل القراءة أدناه

ستتضمن أدوات Chrome Dev Tools Lighthouse 8.4.0 في Chrome 95 ، والذي من المقرر إطلاقه حاليًا في 19 أكتوبر 2021.

يقتبس

اقرأ صفحة مطور Chrome لـ Lighthouse 8.4.0

ما الجديد في Lighthouse 8.4

تأثيرات الأداء الناتجة عن التحميل البطيء جدًا

منارة جيثب الصفحة v8.4



المصدر

reaction:

تعليقات