Lighthouse adalah alat audit situs yang membantu developer memberikan peluang dan diagnostik guna meningkatkan pengalaman pengguna di situs mereka.
Lighthouse 11 tersedia langsung di command line melalui npm, di Chrome Canary, dan di PageSpeed Insights. Versi ini akan tersedia di Chrome stabil pada Chrome 118.
Lihat daftar lengkap perubahan di log perubahan 11.0.
Pembaruan kategori aksesibilitas
Pembaruan kategori mencakup audit otomatis baru, pembobotan yang ditingkatkan, dan audit manual yang diprioritaskan untuk membantu pengembang membuat situs mereka lebih mudah diakses.
Audit dan pembobotan baru
Sejak Lighthouse 10.0, 13 audit aksesibilitas baru telah ditambahkan:
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
Selain audit baru, bobot dari semua audit telah diperbarui agar lebih cocok dengan tingkat dampak aturan aXe yang sesuai. Lihat dokumentasi skor aksesibilitas Lighthouse untuk detail yang tepat tentang audit dan bobot baru.
Visibilitas audit manual
Lighthouse selalu menyertakan beberapa audit manual yang tidak dapat diuji secara otomatis, tetapi masih disertakan sebagai checklist untuk memverifikasi fungsi yang penting. Bagian audit manual kini diperluas secara otomatis setelah semua audit otomatis lulus.
Hal ini menekankan bahwa lulus semua audit otomatis dan mendapat skor 100 dalam aksesibilitas tidak menjamin bahwa halaman yang diaudit dapat diakses; pengujian manual tetaplah penting. Audit manual juga telah disusun ulang untuk dimulai dengan pemeriksaan yang paling mudah dilakukan.
Perubahan pada audit yang ada
Interaksi dengan Next Paint (INP)
INP tidak lagi bersifat eksperimental, sehingga metrik telah dipindahkan dari experimental-interaction-to-next-paint
ke interaction-to-next-paint
.
Service worker
Pekerja layanan tidak lagi diperlukan agar halaman dapat diinstal sebagai PWA di Chrome, sehingga pemeriksaan service-worker
telah dihapus dari kategori PWA Lighthouse.
Ringkasan resource
Audit resource-summary
telah dihapus dari laporan Lighthouse. Statistik permintaan jaringan masih dapat dikompilasi menggunakan audit network-requests
tersembunyi:
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);
Navigasi lama
Flag --legacy-navigation
untuk CLI, fungsi legacyNavigation()
di Node API, dan "Navigasi lama" di panel DevTools semuanya telah dihapus. Hal ini menyelesaikan transisi selama bertahun-tahun di infrastruktur Lighthouse untuk mendukung alur penggunaan.
Mercusuar Berlari
Lighthouse tersedia di Chrome DevTools, npm (sebagai modul Node dan alat CLI), serta sebagai ekstensi browser (di Chrome dan Firefox). Platform ini juga mendukung beberapa layanan Google, termasuk PageSpeed Insights.
Untuk mencoba Lighthouse Node CLI, gunakan perintah berikut:
npm install -g lighthouse
lighthouse https://www.example.com --view
Menghubungi tim Lighthouse
Untuk membahas fitur baru, perubahan pada rilis Lighthouse 11, atau hal lain yang terkait dengan Lighthouse:
- Laporkan masalah atau kirimkan masukan di issue tracker GitHub Lighthouse.
- Ajukan pertanyaan di forum diskusi GitHub Lighthouse.
- Hubungi tim Lighthouse di Twitter @____lighthouse.