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

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

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

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

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

تعديلات فئات تسهيل الاستخدام

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

عمليات تدقيق وترجيح جديد

منذ إصدار Lighthouse 10.0، تمت إضافة 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

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

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

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

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

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

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

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

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

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

لم يعُد من المطلوب من مشغّل الخدمات أن تكون الصفحة قابلة للتثبيت كتطبيق ويب تقدّمي (PWA) في Chrome، لذلك تمت إزالة فحص service-worker من فئة PWA في 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 لواجهة سطر الأوامر، ودالة legacyNavigation() في واجهة برمجة تطبيقات Node، ومربّع الاختيار "التنقل القديم" في لوحة "أدوات مطوري البرامج". يستكمل ذلك عملية انتقال مستمرة لسنوات عديدة في البنية الأساسية لـ Lighthouse لدعم تدفقات المستخدمين.

منارة للركض

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

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

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

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

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