Sejak Google I/O, kami telah berupaya keras untuk menjadikan Lighthouse sebagai pendamping yang luar biasa untuk membuat Progressive Web App yang hebat:
- Menyambut 50 kontributor baru ke project
- Mengirimkan 15 rilis
- Menambahkan ~20 pengujian audit tambahan (~50 total)
Hari ini, dengan senang hati kami mengumumkan rilis Lighthouse 1.3. Lighthouse 1.3
menyertakan banyak fitur baru yang besar, audit, dan perbaikan bug biasa. Anda dapat
menginstalnya dari npm (npm i -g lighthouse) atau mendownload ekstensi
dari Chrome Web Store.
Jadi, apa yang baru?
Tampilan dan nuansa baru
Jika telah menggunakan Lighthouse versi sebelumnya, Anda mungkin melihat bahwa logonya baru. Laporan HTML dan Ekstensi Chrome juga telah diperbarui sepenuhnya, dengan penyajian penskoran yang lebih rapi dan konsistensi yang lebih baik di seluruh hasil audit. Kami juga telah menambahkan informasi debug yang berguna saat Anda gagal dalam pengujian dan menyertakan pointer ke solusi yang direkomendasikan.
Praktik Terbaik Baru
Hingga saat ini, Lighthouse telah berfokus pada metrik performa dan kualitas PWA. Namun, sasaran utama project ini adalah menyediakan panduan untuk semua pengembangan web. Panduan ini mencakup panduan tentang praktik terbaik umum, tips performa dan aksesibilitas, serta bantuan menyeluruh untuk membuat aplikasi berkualitas.
"Do Better Web" adalah upaya dalam project Lighthouse untuk membantu developer tampil lebih baik di web. Dengan kata lain, bantu mereka memodernisasi dan mengoptimalkan aplikasi
web mereka. Sering kali, developer web menggunakan praktik yang sudah usang, anti-pola, atau mengalami
jebakan performa yang diketahui tanpa menyadarinya. Misalnya,
diketahui secara luas bahwa animasi
berbasis JS harus dilakukan dengan requestAnimationFrame(), bukan
setInterval(). Namun, jika developer tidak mengetahui
API yang lebih baru, aplikasi web mereka akan terpengaruh.
Lighthouse 1.3 menyertakan lebih dari 20 saran praktik terbaik baru, mulai dari tips untuk memodernisasi fitur CSS & JavaScript hingga rekomendasi performa seperti: "Kurangi jumlah aset yang memblokir rendering", "Gunakan pemroses peristiwa pasif untuk meningkatkan performa scroll".
Kami akan terus menambahkan lebih banyak rekomendasi dari waktu ke waktu. Jika Anda memiliki saran untuk praktik terbaik atau ingin membantu kami menulis audit, laporkan masalah di GitHub.
Penampil Laporan
Terakhir, dengan senang hati kami mengumumkan penampil web baru untuk hasil Lighthouse. Buka googlechrome.github.io/lighthouse/viewer, tarik lalu lepas output dari Lighthouse yang dijalankan (atau klik untuk mengupload file Anda), dan selesai. Laporan HTML Lighthouse "Insta".
Lighthouse Viewer juga memungkinkan Anda membagikan laporan kepada orang lain. Mengklik ikon share akan membuat Anda login ke GitHub. Kami menyimpan laporan sebagai ringkasan rahasia di akun Anda sehingga Anda dapat dengan mudah menghapus laporan bersama atau memperbaruinya nanti. Menggunakan GitHub untuk penyimpanan data juga berarti Anda mendapatkan kontrol versi secara gratis.
Laporan yang ada dapat dimuat ulang oleh Lighthouse Viewer dengan menambahkan ?gist=GIST_ID
ke URL:
Untuk mengetahui semua detail tentang Lighthouse terbaru, lihat catatan rilis lengkap di GitHub. Seperti biasa, hubungi kami untuk melaporkan bug, mengajukan permintaan fitur, atau bertukar pikiran tentang ide tentang hal yang ingin Anda lihat selanjutnya.