Dipublikasikan: 10 Oktober 2025
Lighthouse adalah alat audit situs yang membantu developer dengan metrik, insight, dan diagnostik untuk meningkatkan pengalaman pengguna di situs mereka.
Lighthouse 13 langsung tersedia di command line melalui npm, di Chrome Canary, dan akan tersedia di PageSpeed Insights dalam minggu depan. Fitur ini akan tersedia di Chrome versi stabil di Chrome 143.
Lihat daftar lengkap perubahan di log perubahan 13.0.
Penghapusan berbagai audit performa yang telah digantikan oleh insight yang lebih baru
Seperti yang diumumkan sebelumnya, kami telah menggabungkan audit performa Lighthouse dan insight panel Performa DevTools ke dalam insight performa umum yang tersedia di kedua alat.
Di Lighthouse 12, kami mengubah tampilan default di laporan Lighthouse untuk menampilkan insight ini dan di Lighthouse 13, kami menghapus audit lama dari laporan dan JSON yang mendasarinya.
Kami berterima kasih kepada komunitas atas masukan yang membantu meningkatkan kualitas Insight sehingga perubahan dapat dilakukan dengan lebih lancar.
Audit berikut telah diganti mulai dari Lighthouse 13 dan audit yang diganti tidak lagi tersedia mulai dari versi ini:
ID audit insight baru | Mengganti ID audit |
---|---|
cls-culprits-insight |
layout-shifts
|
document-latency-insight |
redirects server-response-time uses-text-compression |
dom-size-insight |
dom-size |
duplicated-javascript-insight |
duplicated-javascript |
font-display-insight |
font-display |
image-delivery-insight |
modern-image-formats uses-optimized-images efficient-animated-content uses-responsive-images
|
interaction-to-next-paint-insight |
work-during-interaction |
lcp-discovery-insight |
prioritize-lcp-image lcp-lazy-loaded
|
lcp-phases-insight |
largest-contentful-paint-element |
legacy-javascript-insight |
legacy-javascript |
modern-http-insight |
uses-http2 |
network-dependency-tree-insight |
critical-request-chains uses-rel-preconnect
|
render-blocking-insight |
render-blocking-resources |
third-parties-insight |
third-party-summary |
use-cache-insight |
uses-long-cache-ttl |
viewport-insight |
viewport |
Audit yang dihapus
Selain penggantian yang disebutkan di atas, audit berikut telah dihapus tanpa penggantian karena dianggap tidak lagi berguna:
Audit yang dihapus | Alasan penghapusan |
---|---|
first-meaningful-paint |
Metrik lama yang tidak direkomendasikan lagi (digantikan oleh LCP). |
font-size |
Meskipun font kecil merupakan masalah keterbacaan, tidak ada sinyal bahwa hal ini masih menjadi masalah SEO saat ini. Selain itu, audit ini sangat mahal untuk dijalankan dan dipertahankan. |
no-document-write |
Masalah ini jarang terjadi pada skrip pihak pertama saat ini, dan tidak dapat ditindaklanjuti untuk skrip pihak ketiga yang menggunakannya. |
offscreen-images |
Gambar di luar layar sudah diprioritaskan lebih rendah oleh browser, jadi meskipun pemuatan lambat membantu mengurangi bandwidth, kemungkinan tidak akan berdampak pada pengukuran Lighthouse. |
preload-fonts |
Tidak diaktifkan karena risiko merekomendasikan secara berlebihan. |
third-party-facades |
Audit ini mencakup fasad terbatas dan beberapa developer menyatakan kekhawatiran menggunakan fasad pihak ketiga yang tidak terafiliasi. Pada akhirnya, kami lebih memilih pihak ketiga meningkatkan penawaran mereka daripada mencari solusi alternatif. |
uses-passive-event-listeners |
Masalah ini jarang terjadi pada skrip pihak pertama saat ini, dan tidak dapat ditindaklanjuti untuk skrip pihak ketiga yang menggunakannya. |
uses-rel-preload |
Tidak diaktifkan karena risiko merekomendasikan secara berlebihan. |
Dokumentasi untuk audit insight baru
Kami telah mendokumentasikan audit baru dan menautkannya dari laporan Lighthouse baru. Dokumentasi lama akan tetap tersedia untuk masa mendatang sehingga Lighthouse versi sebelumnya masih dapat menautkannya.
Perubahan lainnya
Lighthouse 13 memerlukan Node 22.19 atau yang lebih tinggi.
Menjalankan Lighthouse
Lighthouse tersedia di Chrome DevTools, npm (sebagai modul Node dan alat CLI), dan sebagai ekstensi browser (di Chrome dan Firefox). Layanan 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 mendiskusikan fitur baru, perubahan dalam rilis Lighthouse 13, atau hal lain yang terkait dengan Lighthouse:
- Laporkan masalah atau kirimkan masukan di Issue Tracker GitHub Lighthouse.
- Ajukan pertanyaan di forum diskusi GitHub Lighthouse.