Lighthouse adalah alat otomatis open source untuk meningkatkan kualitas aplikasi web Anda. Anda dapat menginstalnya sebagai Ekstensi Chrome atau menjalankannya sebagai alat command line Node. Saat Anda memberikan URL ke Lighthouse, Lighthouse akan menjalankan serangkaian pengujian terhadap halaman, lalu membuat laporan yang menjelaskan performa halaman dan menunjukkan area yang perlu ditingkatkan.
Hari ini, dengan senang hati kami mengumumkan
rilis 1.5
Lighthouse, sebuah rilis besar, dengan lebih dari 128 PR. Lighthouse 1.5 mencakup
serangkaian 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.
Audit Baru
Audit Penggunaan CSS melaporkan jumlah aturan gaya yang tidak digunakan di halaman Anda dan penghematan biaya/waktu untuk menghapusnya:
Audit Gambar yang Dioptimalkan melaporkan gambar yang tidak dioptimalkan dan penghematan biaya/waktu untuk mengoptimalkannya:
Audit Gambar Responsif melaporkan gambar yang terlalu besar dan potensi penghematan biaya/waktu dengan menyesuaikan ukurannya dengan benar untuk perangkat tertentu:
Audit Penghentian Penggunaan dan Intervensi mencantumkan peringatan konsol dari Chrome jika halaman Anda menggunakan API atau fitur yang tidak digunakan lagi yang memiliki intervensi:
Laporkan perubahan
Seperti yang telah Anda lihat, kami berfokus untuk membuat laporan tidak terlalu berantakan secara visual dengan menambahkan data tabel, menyembunyikan teks bantuan yang tidak relevan, dan menambahkan fitur baru untuk memudahkan Anda menjelajahi data.
Setelan emulasi
Anda mungkin lupa setelan throttling dan emulasi yang digunakan untuk eksekusi Lighthouse tertentu. Laporan Lighthouse kini menyertakan setelan emulasi runtime yang digunakan untuk membuat laporan; permintaan fitur yang sudah lama:
Data rekaman aktivitas yang lebih berguna
Metrik Lighthouse seperti "First meaningful paint", "Time to Interactive", dll.
dibuat tiruan sebagai pengukuran Waktu Pengguna dan dimasukkan kembali ke dalam data rekaman aktivitas yang disimpan
dengan tanda --save-assets.
Jika menggunakan flag --save-assets, Anda kini dapat menempatkan rekaman aktivitas ke DevTools atau
membukanya di Penampil Linimasa DevTools.
Anda akan dapat melihat metrik utama dalam konteks dengan rekaman aktivitas lengkap dari pemuatan halaman.
Lighthouse Viewer
Dalam laporan HTML, Anda akan melihat tombol baru dengan opsi untuk mengekspor laporan dalam berbagai format. Salah satu opsi tersebut adalah "Buka di Penampil". Mengklik tombol ini akan mengirim laporan ke Pelihat online, tempat Anda dapat membagikan laporan lebih lanjut kepada pengguna GitHub.
Di balik layar, Pelihat mendapatkan izin Anda melalui OAuth untuk membuat GitHub secret gist dan menyimpan laporan di sana. Karena dilakukan sebagai Gist, Anda mempertahankan kontrol penuh atas pembagian laporan dan dapat menghapusnya kapan saja. Anda dapat mencabut izin Pelihat untuk membuat ringkasan di bagian setelan GitHub.
Eksperimen Performa
Versi pertama project Eksperimen Performa telah diluncurkan di 1.5.0. Hal ini memungkinkan Anda bereksperimen dengan performa pemuatan halaman, menguji secara interaktif efek pemblokiran atau penundaan aset di jalur kritis selama pengembangan.
Saat Lighthouse dijalankan dengan tanda --interactive, laporan khusus akan
dibuat yang memungkinkan pemilihan interaktif resource halaman yang mahal. Server eksperimen kemudian menjalankan kembali Lighthouse di halaman tersebut dengan resource tersebut diblokir.
Pelajari lebih lanjut Eksperimen Performa di Lighthouse.
Dokumentasi Baru
Terakhir, kami telah memodernisasi dokumentasi di developers.google.com/web/tools/lighthouse/ dan menambahkan referensi audit baru.
Cukup sekian untuk saat ini.
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 pendapat ide tentang hal yang ingin Anda lihat selanjutnya.