الميزات الجديدة في Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

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

يتوفّر Lighthouse 11 على الفور في سطر الأوامر من خلال npm وفي Chrome Canary وفي إحصاءات PageSpeed. وستتوفّر في إصدار Chrome الثابت في Chrome 118.

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

تعديلات على فئة "أدوات تسهيل الاستخدام"

تشمل تحديثات الفئات عمليات تدقيق آلية جديدة، وتحسينًا في الترجيح، وعمليات تدقيق يدوية ذات أولوية لمساعدة المطوّرين في جعل مواقعهم الإلكترونية أكثر سهولة في الاستخدام.

عمليات تدقيق جديدة وأوزان جديدة

منذ الإصدار 10.0 من Lighthouse، تمت إضافة 13 عملية تدقيق جديدة لأدوات تسهيل الاستخدام:

  • aria-allowed-role
  • aria-dialog-name
  • aria-text
  • html-xml-lang-mismatch
  • image-redundant-alt
  • input-button-name
  • label-content-name-mismatch
  • link-in-text-block
  • select-name
  • skip-link
  • table–duplicate-name
  • table-fake-caption
  • td-has-header

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

إذن الوصول إلى التدقيق اليدوي

تتضمّن أداة Lighthouse دائمًا بعض عمليات التدقيق اليدوية التي لا يمكن اختبارها تلقائيًا، ولكن يتم تضمينها كقائمة تحقّق للتأكّد من الوظائف المهمة. يتم الآن توسيع قسم التدقيق اليدوي تلقائيًا عند اجتياز جميع عمليات التدقيق الآلي.

تقرير Lighthouse يعرض عمليات التدقيق اليدوية في فئة أدوات تسهيل الاستخدام الموسّعة

ويؤكد ذلك على أنّ اجتياز جميع عمليات التدقيق الآلي والحصول على درجة 100 في تسهيل الاستخدام لا يضمنان أنّ الصفحة التي تم تدقيقها سهلة الاستخدام، ولا يزال الاختبار اليدوي مهمًا. تم أيضًا إعادة ترتيب عمليات التدقيق اليدوية لتبدأ بعمليات التحقّق الأكثر سهولة.

التغييرات على عمليات التدقيق الحالية

مدى استجابة الصفحة لتفاعلات المستخدم (INP)

لم يعُد مقياس INP تجريبيًا، لذا تم نقله من experimental-interaction-to-next-paint إلى interaction-to-next-paint.

مشغِّلو الخدمات

لم يعُد من الضروري استخدام مشغّل خدمات لكي تكون الصفحة قابلة للتثبيت كتطبيق ويب تقدّمي في Chrome، لذا تمت إزالة عملية التحقّق من service-worker من فئة تطبيقات الويب التقدّمية في Lighthouse.

ملخّص المرجع

تمت إزالة تدقيق resource-summary من تقرير Lighthouse. سيظل بإمكانك تجميع إحصاءات طلبات الشبكة باستخدام تدقيق network-requests المخفي:

const {lhr} = await lighthouse('https://example.com');
const networkRequests = lhr.audits['network-requests'].details.items;
const resourceSummary = {};

for (const request of networkRequests) {
  let total = resourceSummary[request.resourceType] || 0;
  total += request.resourceSize;
  resourceSummary[request.resourceType] = total;
}

console.log(resourceSummary);

وضع التنقّل القديم

تمت إزالة العلامة --legacy-navigation لواجهة سطر الأوامر (CLI)، والدالة legacyNavigation() في واجهة برمجة تطبيقات Node، ومربّع الاختيار "التنقّل القديم" في لوحة "أدوات مطوّري البرامج". وبذلك تكتمل عملية الانتقال التي استغرقت سنوات في البنية الأساسية لأداة Lighthouse من أجل إتاحة مسارات المستخدمين.

تشغيل Lighthouse

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

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

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

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

لمناقشة الميزات الجديدة أو التغييرات في إصدار Lighthouse 11 أو أي موضوع آخر يتعلّق بأداة Lighthouse، يمكنك: