الميزات الجديدة في الإصدار 9.0 من Lighthouse

Brendan Kenny
Brendan Kenny

أداة Lighthouse هي أداة تدقيق للمواقع الإلكترونية تساعد المطوّرين في توفير الفرص وبيانات التشخيص لتحسين تجربة المستخدم على مواقعهم الإلكترونية.

يتوفّر الإصدار 9.0 من Lighthouse على الفور من سطر الأوامر في إصدار Chrome Canary وفي أداة إحصاءات PageSpeed. وسيتم تثبيته في إصدار Chrome الثابت في الإصدار 98 من Chrome.

التغييرات في واجهة برمجة التطبيقات

من المفترض ألّا يواجه معظم المستخدمين أي تغييرات تؤدي إلى تعطيل سير العمل عند استخدام هذا الإصدار. في حال إجراء عمليات تدقيق Lighthouse المخصّصة أو استخدام أدوات تعتمد على التفاصيل في تنسيق JSON لتقرير Lighthouse، قد تكون هناك بعض التغييرات التي قد تؤدي إلى عطل في الإصدار 9.0 ويجب الانتباه إليها.

اطّلِع على القائمة الكاملة للتغييرات في سجلّ تغييرات الإصدار 9.0.

منارة لتدفقات المستخدم

تتضمّن أداة Lighthouse واجهة برمجة تطبيقات جديدة لتدفق المستخدم تتيح إجراء الاختبارات المعملية في أي مرحلة من عمر الصفحة.

تُستخدَم أداة Puppeteer في إنشاء نصوص برمجية لتحميل الصفحات وتشغيل تفاعلات المستخدم الاصطناعية، ويمكن استدعاء Lighthouse بعدة طرق للحصول على الإحصاءات الرئيسية أثناء تلك التفاعلات. وهذا يعني أنّه يمكن قياس الأداء أثناء تحميل الصفحة وأثناء التفاعلات مع الصفحة.

تقرير تدفق المستخدمين في أداة Lighthouse، والذي يتضمن خطوات متعددة لتحميل الموقع الإلكتروني والتفاعل معه، بالإضافة إلى نتائج تدقيق Lighthouse لكل خطوة

لمزيد من المعلومات، يُرجى الاطّلاع على الدليل التعليمي لتدفقات المستخدمين في Lighthouse وعيّنات التعليمات البرمجية.

إعادة تحميل التقرير

تمت إعادة تحميل تقرير Lighthouse لتحسين إمكانية القراءة وجعل مصدر التقرير أكثر وضوحًا.

تم تضمين لقطة شاشة نهائية في أعلى التقرير لتوضيح ما إذا كانت الصفحة التي يتم اختبارها بشكل صحيح وأنّها بالتنسيق المتوقّع أم لا.

تقرير Lighthouse 9.0 الذي يسرد مقاييس الأداء الرئيسية بشكل أكثر بروزًا مع تضمين لقطة شاشة للمظهر النهائي للصفحة في تقرير الأداء

تمت أيضًا إعادة تصميم المعلومات التلخيصية في أسفل التقرير لتوضيح كيفية تشغيل Lighthouse والتقرير الذي تم جمعه بشكل أفضل.

قسم الإعدادات المعدّل في تقرير Lighthouse، والذي يتضمّن الآن ملخّصات لعناصر مثل وقت تسجيل الصفحة ونوع محاكاة الصفحة المُستخدَمة وإصدار Chrome الذي تم إجراء الاختبار فيه.

للاطّلاع على التقرير الجديد بشكل عملي، يمكنك تجربة Lighthouse 9.0 أو الانتقال إلى نموذج التقرير هذا.

من المشاكل الشائعة في تسهيل الاستخدام هي عندما لا تكون العناصر التي يُفترض أن تكون فريدة في الصفحة، مثلاً إذا كان المعرّف المشار إليه في سمة aria-labelledby مستخدَم في عناصر متعدّدة.

لطالما حذرت أداة Lighthouse من هذه الحالة، ولكنّها لا تعرض سوى الحالة الأولى للعنصر الذي يتضمن معرّفًا متكرّرًا، ما يتسبب في كثير من الأحيان في حدوث التباس لأنّ بعض المستخدمين سيفترضون أنّه يعرض جميع العناصر التي تتسبب في حدوث مشكلة. نظرًا لأن Lighthouse كان يعرض عنصرًا واحدًا فقط، افترضوا أنه كان بسبب خطأ أنه تم وضع علامة على العنصر الفردي على أنه مكرّر.

في Lighthouse 9.0، تم إدراج جميع العناصر التي تشارك هذا المعرّف:

عند تدقيق Lighthouse في "جميع العناصر القابلة للتركيز"، يجب أن يكون لها "id" فريد يعرض عنصرين لهما "id" نفسه.

توفّر axe-core وظيفة "العُقد ذات الصلة" هذه، لذا قد تظهر في عمليات تدقيق أخرى لتسهيل الاستخدام أيضًا.

لمزيد من المعلومات، يُرجى الاطّلاع على المشاكل المتعلقة بجمع تقارير المستخدمين وطلب سحب التنفيذ.

منارة للركض

تتوفّر أداة Lighthouse في "أدوات مطوري البرامج في Chrome" وnpm (كوحدة عقدة وواجهة سطر الأوامر) وكإضافة متصفّح (في Chrome وFirefox). تدعم هذه الأداة العديد من خدمات Google، بما في ذلك web.dev/measure وإحصاءات PageSpeed.

لتجربة واجهة سطر الأوامر لعقدة Lighthouse، استخدِم الأوامر التالية:

npm install -g lighthouse
lighthouse https://www.example.com --view

التواصل مع فريق Lighthouse

لمناقشة الميزات الجديدة أو التغييرات التي تم إجراؤها في الإصدار 9.0 أو أي شيء آخر متعلق بأداة Lighthouse: