Pembaruan Lighthouse 2.6

Brendan Kenny
Brendan Kenny

Mercusuar 2.6 sudah dirilis! Sorotan 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 diupdate secara otomatis, tetapi Anda dapat mengupdatenya secara manual melalui chrome://extensions.
  • DevTools. Panel Audit akan dikirimkan dengan versi 2.6 di Chrome 65. Anda dapat memeriksa versi Chrome yang Anda jalankan melalui chrome://version. Chrome diupdate ke versi baru setiap 6 minggu. Anda dapat menjalankan kode Chrome terbaru dengan mendownload Chrome Canary.

Audit performa baru

Waktu booting JavaScript tinggi

Lihat rincian waktu yang dihabiskan halaman Anda untuk mengurai, mengompilasi, dan menjalankan setiap skrip. Waktu booting JavaScript merupakan faktor yang tersembunyi namun penting dalam waktu muat halaman.

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

Menggunakan kebijakan cache yang tidak efisien pada aset statis

Pastikan browser meng-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 perjalanan jika pencarian DNS tambahan diperlukan. Minimalkan pengalihan untuk mempercepat waktu muat halaman.

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

Rehabilitasi skor bagian aksesibilitas

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

Melaporkan Peningkatan UX

Error tingkat atas

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

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

Klik Ekspor Laporan Ekspor Laporan, lalu pilih Ringkasan Cetak atau Cetakan Diperluas untuk mencetak versi laporan yang ringkas atau mendetail.

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

Perbaikan bug rasio aspek

Versi 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 memiliki ukuran yang benar.