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

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

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

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

اطّلِع على القائمة الكاملة بالتغييرات في سجلّ تغييرات 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 من فئة تطبيق الويب التقدّمي 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

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