Pembaruan Lighthouse 2.6

Lighthouse 2.6 telah dirilis. Sorotannya meliputi:

Lihat catatan rilis 2.6 untuk mengetahui daftar lengkap fitur baru, perubahan, dan perbaikan bug.

Cara mengupdate ke versi 2.6

  • NPM. Jalankan npm update lighthouse. Jalankan flag npm update lighthouse -g jika Anda menginstal Lighthouse secara global.
  • Ekstensi Chrome. Ekstensi akan otomatis diupdate, tetapi Anda dapat mengupdatenya secara manual melalui chrome://extensions.
  • DevTools. Panel Audit akan dikirimkan dengan 2.6 di Chrome 65. Anda dapat memeriksa versi Chrome yang Anda jalankan melalui chrome://version. Chrome akan diupdate ke versi baru setiap 6 minggu sekali. Anda dapat menjalankan kode Chrome terbaru dengan mendownload Chrome Canary.

Audit performa baru

Waktu booting JavaScript tinggi

Lihat perincian waktu yang dihabiskan halaman Anda untuk mengurai, mengompilasi, dan mengeksekusi setiap skrip. Waktu booting JavaScript adalah faktor yang agak tersembunyi, tetapi penting dalam waktu pemuatan halaman.

Audit 'Waktu booting JavaScript tinggi'.
Gambar 1. Audit Waktu booting JavaScript tinggi

Menggunakan kebijakan cache yang tidak efisien pada aset statis

Pastikan browser menyimpan cache setiap resource Anda dengan benar.

Audit 'Menggunakan kebijakan cache yang tidak efisien pada aset statis'
Gambar 2. Audit Menggunakan kebijakan cache yang tidak efisien pada aset statis

Menghindari pengalihan halaman

Pengalihan halaman menambahkan perjalanan bolak-balik jaringan tambahan, atau dua kali jika pencarian DNS tambahan diperlukan. Minimalkan pengalihan untuk mempercepat waktu pemuatan halaman.

Audit 'Menghindari pengalihan halaman'
Gambar 3. Audit Menghindari pengalihan halaman

Perombakan skor bagian aksesibilitas

Di Lighthouse 2.6, skor aksesibilitas gabungan dihitung secara berbeda. Skor ini menimbang setiap audit aksesibilitas berdasarkan tingkat keparahan dampaknya terhadap pengalaman pengguna, serta frekuensi masalah, berdasarkan set data HTTP Archive. Lihat googlechrome/lighthouse/issues/3444 untuk diskusi mendalam.

Peningkatan UX Laporan

Error tingkat teratas

Di bagian atas laporan, Lighthouse akan memberi tahu Anda tentang error yang mungkin memengaruhi skor halaman.

Error tingkat teratas di bagian atas laporan
Gambar 4. Error tingkat teratas di bagian atas laporan

Klik Ekspor Laporan Laporan Ekspor, lalu pilih Cetak Ringkasan atau Cetak Diperluas untuk mencetak versi ringkasan atau mendetail laporan Anda.

Mencetak ringkasan dan tampilan yang diperluas
Gambar 5. Mencetak ringkasan dan tampilan yang diperluas

Perbaikan bug rasio lebar tinggi

2.6 juga memperbaiki bug yang menyebabkan audit Menampilkan gambar dengan rasio aspek yang benar gagal meskipun tidak ada gambar di halaman, atau semua gambar berukuran dengan benar.