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 دائمًا بعض عمليات التدقيق اليدوية التي لا يمكن اختبارها تلقائيًا، ولكن لا تزال هذه العمليات مضمّنة كقائمة تحقُّق للتحقّق من الوظائف المهمة. يتم الآن توسيع قسم التدقيق اليدوي تلقائيًا بعد اجتياز جميع عمليات التدقيق المبرمَجة.
وهذا يؤكد أن اجتياز جميع عمليات التدقيق الآلية والحصول على درجة 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:
- يمكنك الإبلاغ عن مشكلة أو إرسال ملاحظات من خلال أداة تتبُّع مشاكل Lighthouse GitHub.
- يمكنك طرح أسئلة في منتديات المناقشة من Lighthouse GitHub.
- يمكنك التواصل مع فريق Lighthouse على Twitter @____lighthouse.