يتوفّر الإصدار Lighthouse 8.4 على الفور في سطر الأوامر وفي إصدار Chrome Canary. ستظهر في إصدار Chrome الثابت في الإصدار 95 من Chrome وستصبح متاحة في إحصاءات PageSpeed خلال أسبوع.
لتجربة واجهة سطر الأوامر لعقدة Lighthouse، استخدِم الأوامر التالية:
npm install -g lighthouse
lighthouse https://www.example.com --view
اطّلِع على القائمة الكاملة للتغييرات في سجلّ تغييرات الإصدار 8.4.
عمليات تدقيق جديدة
عدم التحميل الكسول لصور "سرعة عرض أكبر جزء من المحتوى على الصفحة"
يمكن أن تكون صور التحميل الكسول طريقة فعّالة لتأجيل الصور خارج الشاشة حتى لا تتداخل مع تحميل المحتوى في الجزء المرئي من الصفحة.
مع ذلك، إذا كان عنصر LCP في الصفحة عبارة عن صورة، يمكن أن يؤدي التحميل الكسول للمحتوى إلى تأثير سلبي كبير في سرعة عرض أكبر جزء من المحتوى على الصفحة. وقد يضع المتصفح الصورة في قائمة الانتظار ويجلب موارد أخرى أولاً، بدلاً من إعطاء الأولوية للصورة لتنزيلها فورًا. توصّلت دراسة حديثة عن التحميل الكسول في WordPress إلى أنّ سرعة عرض أكبر محتوى مرئي (LCP) يمكن أن تتحسّن بنسبة تصل إلى% 15 في بعض المواقع الإلكترونية، وذلك إذا لم يتم تحميل الصور في إطار العرض الأولي باستخدام التحميل الكسول.
سترصد أداة Lighthouse الآن ما إذا كان عنصر LCP عبارة عن صورة التحميل الكسول، وتقترح إزالة السمة loading منه.
لمزيد من المعلومات، يُرجى الاطّلاع على الاقتراح الأولي وطلب سحب التنفيذ.
ضبط إطار عرض للجوّال لتحسين "مهلة الاستجابة الأولى"
كان تدقيق viewport جزءًا من فئة أفضل الممارسات لسنوات، ولكن 8.4 يرحب بهذه النصيحة في فئة "الأداء" أيضًا.
تتوافق العديد من متصفّحات الأجهزة الجوّالة مع ميزة "النقر للتكبير/التصغير مرّتين" للسماح للمستخدمين بتكبير المحتوى الذي لم يتم تصميمه لشاشات الأجهزة الجوّالة بسهولة، أي المحتوى الذي لا يتضمّن رمز <meta name="viewport"> صريح للأجهزة الجوّالة. ومن الناحية العملية، يعني ذلك أنّ المتصفّح يحتاج إلى الانتظار لمدة تصل إلى 300 ملّي ثانية بعد النقر على المستخدم لمعرفة ما إذا كانت النقرة الثانية ستحدث بعد النقر، أم لا، وخلال ذلك الوقت، لن تستجيب الصفحة للنقر الأوّلي. ويترجم ذلك إلى تعذُّر FID لعدة مئات من المللي ثانية.
في دراسة حديثة تم إجراؤها على البيانات الواردة من أرشيف HTTP، لم يتم ضبط إطار عرض للأجهزة الجوّالة في أكثر من نصف المواقع الإلكترونية التي حصلت على نتيجة 90 أو أعلى في Lighthouse، ولكنها لم تنجح في مؤشر واحد على الأقل من مؤشرات أداء الويب الأساسية، ولم يتم ضبط إطار عرض للأجهزة الجوّالة وكانت هذه المواقع تخفق في مقياس FID. ونتيجةً لذلك، سيقترح قسم الأداء في Lighthouse الآن إضافة إطار عرض مثل ما يلي في حال عدم العثور على أي إطار عرض:
<meta name="viewport" content="width=device-width">
لمزيد من التفاصيل، يُرجى الاطّلاع على مشكلة الاقتراح وطلب سحب التنفيذ.
التواصل مع فريق Lighthouse
ولمناقشة الميزات الجديدة أو التغييرات في الإصدار 8.4 أو أي شيء آخر متعلق بأداة Lighthouse:
- الإبلاغ عن مشكلة أو إرسال ملاحظات من خلال مستودع Lighthouse GitHub
- يمكنك التواصل مع فريق Lighthouse على Twitter @____lighthouse.