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

Brendan Kenny
Brendan Kenny

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

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

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

من المفترض ألّا يواجه معظم المستخدمين أي تغييرات قد تؤدي إلى إيقاف سير العمل من خلال هذا الإصدار. في حال أجريت عمليات تدقيق مخصّصة في Lighthouse أو كنت تستخدم أدوات تعتمد على التفاصيل العميقة في تقرير Lighthouse بتنسيق JSON، قد تكون هناك بعض التغييرات التي قد تؤدي إلى أعطال في الإصدار 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" فريد يعرض عنصرين لهما "المعرّف" نفسه

هذه "العُقد ذات الصلة" تتوفر هذه الوظيفة من خلال 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: