Lighthouse adalah alat audit situs yang membantu developer memberikan peluang dan diagnostik untuk meningkatkan pengalaman pengguna situs mereka.
Lighthouse 9.0 langsung tersedia di command line, di Chrome Canary, dan di PageSpeed Insights. Versi ini akan tersedia di Chrome Stabil pada Chrome 98.
Perubahan API
Sebagian besar pengguna tidak akan mengalami perubahan yang dapat menyebabkan gangguan alur kerja pada rilis ini. Jika Anda menjalankan audit Lighthouse kustom atau menggunakan alat yang bergantung pada detail yang mendalam di JSON laporan Lighthouse, mungkin ada beberapa perubahan yang dapat menyebabkan gangguan di versi 9.0 yang perlu Anda ketahui.
Lihat daftar lengkap perubahan di log perubahan 9.0.
Lighthouse untuk alur pengguna
Lighthouse memiliki API alur pengguna baru yang memungkinkan pengujian lab di titik mana pun dalam masa aktif halaman.
Puppeteer digunakan untuk membuat skrip pemuatan halaman dan memicu interaksi pengguna sintetis, dan Lighthouse dapat dipanggil dalam berbagai cara untuk mendapatkan insight utama selama interaksi tersebut. Artinya, performa dapat diukur selama pemuatan halaman dan selama interaksi dengan halaman.
Untuk mengetahui informasi selengkapnya, lihat tutorial alur penggunaan dan contoh kode Lighthouse.
Pembaruan laporan
Laporan Lighthouse telah diperbarui untuk meningkatkan keterbacaan serta memperjelas sumber laporan dan cara menjalankannya serta lebih jelas.
Screenshot final telah disematkan di bagian atas laporan untuk melihat sekilas apakah halaman yang diuji dimuat dengan benar dan dalam format yang diharapkan.
Informasi ringkasan di bagian bawah laporan juga telah didesain ulang agar dapat lebih mengomunikasikan cara Lighthouse dijalankan dan laporan dikumpulkan.
Untuk melihat cara kerja laporan baru, coba Lighthouse 9.0 atau buka contoh laporan ini.
Elemen aksesibilitas terkait
Masalah aksesibilitas yang umum terjadi adalah jika hal-hal yang seharusnya unik di suatu halaman ternyata tidak unik, misalnya jika ID yang dirujuk dalam atribut aria-labelledby digunakan pada beberapa elemen.
Lighthouse selalu memperingatkan tentang situasi ini, tetapi hanya akan mencantumkan instance pertama dari elemen dengan ID berulang, yang sering menyebabkan kebingungan karena beberapa pengguna akan berasumsi bahwa hal tersebut menampilkan semua elemen yang menyebabkan masalah. Karena Lighthouse hanya menampilkan satu elemen, mereka akan menganggap itu adalah bug bahwa elemen tunggal ditandai sebagai duplikat.
Di Lighthouse 9.0, semua elemen yang berbagi ID tersebut sekarang tercantum:
"Node terkait" ini disediakan oleh axe-core, sehingga mungkin juga muncul di audit aksesibilitas lainnya.
Untuk informasi selengkapnya, lihat masalah saat mengumpulkan laporan pengguna dan permintaan pull penerapan.
Mercusuar Berlari
Lighthouse tersedia di Chrome DevTools, npm (sebagai modul Node dan CLI), serta sebagai ekstensi browser (di Chrome dan Firefox). Platform ini mendukung banyak layanan Google, termasuk web.dev/measure dan 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-fitur baru, perubahan dalam rilis 9.0, atau hal lain yang berkaitan 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.