Lighthouse 3.0 sudah tersedia! 3.0 menghadirkan audit yang lebih cepat, lebih sedikit varian, UI laporan baru, audit baru, dan banyak lagi.
Cara mengupdate ke versi 3.0
- CLI. Jalankan
npm install -g lighthouse@next. - Node. Jalankan
npm install lighthouse@next. - Ekstensi Chrome. Ekstensi Anda akan diupdate secara otomatis ke versi 3.0.
- Chrome DevTools. Lighthouse 3.0 akan tersedia di Chrome 69.
Audit lebih cepat dan lebih sedikit varian
Lighthouse 3.0 menyelesaikan audit Anda lebih cepat, dengan lebih sedikit varians di antara eksekusi, berkat beberapa perubahan:
- Simulasi throttling. Sebelumnya Lighthouse sebenarnya men-throttle halaman Anda sebelum menjalankan audit. Sekarang, Lighthouse menggunakan mesin audit internal baru, dengan nama kode Lantern, yang menjalankan audit Anda berdasarkan setelan jaringan dan CPU normal Anda, lalu memperkirakan berapa lama halaman akan dimuat dalam kondisi seluler.
- Masa tunggu yang lebih singkat. Untuk menentukan apakah halaman telah selesai dimuat, Lighthouse perlu menunggu jaringan dan CPU agar tidak memiliki aktivitas. Waktu tunggu ini lebih kecil di v3.
UI Laporan Baru
Lighthouse 3.0 menampilkan UI laporan baru, berkat kolaborasi antara tim Lighthouse dan Chrome UX (Riset & Desain).
Perubahan pemanggilan
Versi Node Lighthouse kini mendukung opsi konfigurasi yang sama dengan versi CLI. Ini bisa menjadi perubahan yang dapat menyebabkan gangguan, bergantung pada cara Anda mengonfigurasi modul Node Lighthouse di v2. Lihat Perubahan pemanggilan untuk informasi selengkapnya.
Perubahan skor
Di Lighthouse 3.0, model penilaian untuk Audit performa berubah. Skor 50 menunjukkan persentil ke-75, dan skor sempurna 100 menunjukkan persentil ke-98, yang merupakan titik pengembalian yang menurun.
Skor Performa adalah rata-rata tertimbang dari Audit performa. Pembobotan audit juga berubah di v3.
| Nama Audit | Berat v2 | Berat v3 |
|---|---|---|
| First Contentful Paint (Baru di v3) | T/A | 3 |
| Gambar Pertama yang Penuh Makna | 5 | 1 |
| CPU Pertama Tidak Ada Aktivitas (Interaktif Pertama di v2) | 5 | 3 |
| Waktu untuk Interaktif (Interaktif secara Konsisten di v2) | 5 | 5 |
| Indeks Kecepatan Perseptual | 1 | T/A |
| Indeks Kecepatan | T/A | 4 |
| Perkiraan Latensi Input | 1 | 0 |
Selanjutnya, Panduan Penskoran Lighthouse v3 adalah sumber tepercaya untuk semua hal yang perlu Anda ketahui terkait cara kerja penskoran di Lighthouse v3.
Format output dan perubahan baru
Dukungan output CSV
Hasil laporan kini dapat berupa output dalam bentuk CSV. Setiap baris berisi informasi dan hasil untuk satu audit, termasuk:
- Nama kategori tempat audit.
- Nama audit.
- Deskripsi audit.
- Jenis skor yang digunakan untuk audit.
- Nilai skor.
Perubahan output JSON
Versi 3.0 memperkenalkan banyak perubahan pada format output JSON Lighthouse. Lihat Panduan Migrasi Lighthouse v3 untuk detail selengkapnya.
Audit baru
{i>First Contentful Paint<i}
Mengukur waktu saat konten teks atau gambar pertama kali dilukis ke layar pengguna.
robots.txt tidak valid
Pastikan file robots.txt situs Anda diformat dengan benar agar
bot penelusuran dapat meng-crawl situs Anda.
Menggunakan format video untuk konten animasi
Ganti GIF dengan tag video untuk mendapatkan potensi penghematan besar pada ukuran file video.
Lihat Mengganti GIF Animasi dengan Video untuk mempelajari lebih lanjut.
Hindari beberapa perjalanan pulang pergi yang mahal ke asal mana pun
Tingkatkan performa pemuatan Anda dengan menambahkan atribut rel="preconnect" ke tag link, yang akan memberi tahu browser untuk membuat koneksi ke origin sesegera mungkin.
Lihat Preconnect untuk mempelajari lebih lanjut.
Perubahan audit
Interaktif Pertama ➡ CPU Pertama Tidak Ada Aktivitas
Audit First Interactive telah diganti namanya menjadi First CPU Idle untuk menjelaskan cara kerjanya dengan lebih baik. Tujuan umum audit adalah sama. Gunakan audit ini untuk mengukur kapan pengguna pertama kali dapat berinteraksi dengan halaman Anda.
Indeks Kecepatan Perseptual ➡ Indeks Kecepatan
Di Lighthouse 3.0, audit Perceptual Speed Index kini menjadi Indeks Kecepatan. Perubahan ini menyelaraskan Lighthouse dengan cara WebPageTest mengukur metrik ini. Tujuan audit sama, tetapi metrik yang mendasarinya sedikit berbeda.