Lighthouse adalah alat audit situs yang membantu developer memberikan peluang dan diagnostik untuk meningkatkan pengalaman pengguna di situs mereka.
Lighthouse 9.0 langsung tersedia di command line, di Chrome Canary, dan di PageSpeed Insights. Aplikasi ini akan mendarat 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 sangat bergantung pada detail dalam JSON laporan Lighthouse, mungkin ada beberapa perubahan yang dapat menyebabkan gangguan pada 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 kapan saja dalam masa aktif halaman.
Puppeteer digunakan untuk membuat skrip pemuatan halaman dan memicu interaksi pengguna yang sintetis, dan Lighthouse dapat dipanggil dalam beberapa cara untuk menangkap insight utama selama interaksi tersebut. Artinya, performa dapat diukur selama pemuatan halaman dan selama interaksi dengan halaman.
Untuk informasi selengkapnya, lihat tutorial alur penggunaan Lighthouse dan contoh kode.
Pembaruan laporan
Laporan Lighthouse telah diperbarui untuk meningkatkan keterbacaan dan memperjelas sumber laporan serta cara laporan tersebut dijalankan.
Screenshot akhir telah disematkan di bagian atas laporan untuk memperjelas apakah halaman yang diuji dimuat dengan benar dan dalam format yang diharapkan.
Informasi ringkasan di bagian bawah laporan juga telah didesain ulang untuk menyampaikan dengan lebih baik bagaimana 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 umum adalah saat hal-hal yang seharusnya unik di halaman tidak berubah, misalnya jika ID yang dirujuk dalam atribut aria-labelledby
digunakan di beberapa elemen.
Lighthouse selalu memperingatkan tentang situasi ini, tetapi hanya akan mencantumkan instance pertama elemen dengan ID berulang, yang sering menyebabkan kebingungan karena beberapa pengguna akan menganggap bahwa semua elemen yang menyebabkan masalah ditampilkan. Karena Lighthouse hanya menampilkan satu elemen, mereka akan menganggap bug yang ditandai sebagai elemen duplikat.
Di Lighthouse 9.0, semua elemen yang berbagi ID tersebut sekarang terdaftar:
Fungsi "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), dan sebagai ekstensi browser (di Chrome dan Firefox). Solusi 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
Hubungi tim Lighthouse
Untuk membahas fitur baru, perubahan pada rilis 9.0, atau apa pun yang terkait dengan Lighthouse:
- Laporkan masalah atau kirim masukan di issue tracker GitHub Lighthouse.
- Ajukan pertanyaan di forum diskusi GitHub Lighthouse.
- Hubungi tim Lighthouse di Twitter @____lighthouse.