Get best of the week

Google PageSpeed ​​Insights baru yang diberdayakan oleh Lighthouse 6 (beta): periksa kinerja situs Anda

Pada 16 Maret, Google Chrome merilis versi beta dari Lighthouse 6. Versi terakhir akan membentuk dasar pengukuran di PageSpeed ​​Insights baru dan konsol pengembang browser Chrome. Detail dan mesin uji di dalam.

Halo Habr. Saya Alexey dari Loading.express.

Pada KTT Pengembang Chrome terakhir , mereka mengumumkan bahwa mereka akan merilis PageSpeed ​​Insights sebelum Januari 2020.

gambar

Segera setelah pemberitahuan itu datang, kami meluncurkan rilis beta Lighthouse 6 di server kami dan mempelajari secara rinci inovasi. Inilah yang utama:

  • tiga metrik baru - TBT, LCP dan CLS;
  • perangkat yang diperbarui untuk membuka situs;
  • Audit baru untuk JS
  • Audit baru di bagian aksesibilitas
  • item audit baru di bagian PWA.

Periksa mesin Mercusuar baru di sini:
lh6.loading.express

Tiga metrik baru dalam laporan PageSpeed ​​baru (mercusuar 6)


TBT - Total Waktu Pemblokiran. Ini adalah waktu untuk memblokir input dalam milidetik ketika pengunjung tidak dapat melakukan apa pun di situs. Itu sedang memuat. Kami menunggu. Bahkan jika Anda mencoba menggesek, gulir, klik - Anda akan mendapatkan efek pembekuan atau gerakan dengan gangguan.

kinerja habr.com/ru/
Metrik TBT untuk beranda Habr

Apa yang dianggap cepat atau lambat:

  • 0–300 ms - zona hijau, cepat;
  • 300-600 ms - zona oranye, cukup;
  • lebih dari 600 ms - zona merah, perlahan.

LCP - Cat Konten Terbesar. Saatnya me-render konten terbesar dan paling terlihat di layar. Saat ketika pengunjung situs menyadari bahwa situs telah dimuat dan Anda dapat memulai. Metrik ini dikembangkan di Google setelah penelitian. Kami membahasnya bersama Kelompok Kerja Kinerja Web W3C , yang mencakup perwakilan Airbnb Inc, Facebook, Mozilla Foundation, Intel Corporation, dan lainnya.

Apa yang baik dan buruk:

  • 0-2 detik - zona hijau, cepat;
  • 2-4 dtk - zona oranye, cukup;
  • lebih dari 4 detik - zona merah, perlahan.

CLS - Pergeseran Tata Letak Kumulatif. Metrik ini merangkum skor dari setiap pergeseran halaman yang terjadi selama pemuatan halaman. Semua orang ingat saat dia mengunjungi halaman itu, kamu mulai membaca dan tiba-tiba semua isinya kabur entah ke mana. Ini memuat iklan dari atas dan mendorong semua konten ke bawah. Sekarang Google mempertimbangkan perubahan ini dan semakin banyak, semakin tinggi nilainya.

Nilai dari 0 hingga 1. Hingga 0,5 baik, lebih dekat ke 1 buruk.

Parameter FID telah dihapus dari laporan. Laporan pengukuran TBT dan JS sebagian mengambil alih.

Perangkat baru untuk membuka situs Moto G4



Tiruan perangkat tempat Google membuka situs Anda sama dengan layar Nexus 5 mulai 2013. Dan banyak konsultan Kinerja bingung sampai dianggap sebagai model perangkat. Maka, pada tahun 2020 - perangkat baru - Moto G4 (ditiru) mulai tahun 2016. Dan ini berarti bahwa secara rata-rata di seluruh dunia, orang telah memperbarui perangkat dari mana mereka mengakses situs.

Audit baru di Mercusuar 6


JS - sekarang, jika terlalu banyak javascript dijalankan ketika situs Anda dimuat, maka GPSI akan melaporkannya secara terpisah.

Aksesibilitas - item audit baru terkait dengan tampilan elemen situs untuk pembaca teks dalam format audio, untuk tuna netra. Ada pendapat bahwa asisten suara juga akan menggunakan markup ini.

Audit Pengkodean Karakter - Pengkodean harus dinyatakan.

PWA maskable icon audit - audit yang akan memeriksa apakah ada ikon vektor untuk mask. Jika tidak, ia akan merekomendasikan membuat format vektor.

Kesimpulan tentang audit kecepatan memuat situs web Lighthouse 6 yang baru


PageSpeed ​​Insights terakhir kali memiliki pembaruan global ini pada November 2018. Kemudian banyak situs jatuh ke zona merah, karena sebelum pembaruan PageSpeed ​​tidak mengukur kecepatan pemuatan situs, tetapi menunjukkan rekomendasi untuk mengoptimalkan berbagai parameter yang dapat memengaruhi kecepatan pemuatan.

Mereka yang ketinggalan pembaruan itu masih bisa salah dan meyakinkan semua orang bahwa GPSI tidak mengukur kecepatan memuat situs.

Dengan Mercusuar 6 yang baru, pengukuran kecepatan akan menjadi lebih mudah dipahami oleh pengembang dan pemilik situs web.

Situs cepat dan konversi tinggi.

More articles:


All Articles