PageSpeed ​​​​Insights menambahkan metrik kecepatan Lighthouse baru

3 min read

PageSpeed ​​​​Insights menambahkan metrik kecepatan Lighthouse baru

PageSpeed ​​​​Insights Google menambahkan dua metrik baru ke API PageSpeed ​​​​Insights dan UI Lighthouse. Kedua indikator ini, yang ditandai sebagai eksperimental, sekarang sedang dikumpulkan untuk data lapangan, sedangkan data laboratorium yang sesuai dapat digunakan untuk tujuan diagnostik.

Pembaruan Mercusuar Google

Lighthouse kini diperbarui dengan dua metrik baru.

Metrik Lighthouse yang baru adalah:

  • Interaksi dengan Next Paint (INP)
  • Waktu ke Byte Pertama (TTFB)

Waktu ke Byte Pertama (TTFB)

Banyak orang sudah tahu Time to First Byte, sudah ada selama bertahun-tahun, dan beberapa mungkin sudah akrab dengannya.

Metrik Time to First Byte (TTFB) mengukur seberapa cepat server merespons permintaan sumber daya.

Oleh karena itu, pentingnya metrik ini adalah membantu mengisolasi satu faktor (responsivitas server) yang dapat berdampak negatif pada semua metrik pemuatan halaman lain yang mengikutinya.

Hal ini membuat TTFB menjadi metrik sensor yang sangat penting untuk tujuan diagnostik.

Siapa pun yang berfokus pada peningkatan Data Web Inti harus memberi TTFB kemungkinan kemenangan cepat.

Perubahan ke TTFB adalah untuk pertama kalinya tersedia sebagai metrik di bagian hasil PageSpeed ​​​​Insights.

Chrome juga akan mengumpulkan dan melaporkan data lapangan TTFB untuk pertama kalinya.

Interaksi dengan Next Paint (INP)

Interaction to Next Paint (INP) adalah metrik baru untuk berapa lama waktu yang dibutuhkan untuk berinteraksi dengan seluruh halaman, apa telepon google ini”Latensi Interaksi Keseluruhan. “

Metrik INP menunjukkan waktu yang diperlukan untuk berinteraksi dengan seluruh halaman, berbeda dengan First Input Delay, yang hanya mengukur waktu yang dibutuhkan halaman untuk merespons interaksi pertama pengunjung situs.

Google menggunakan contoh halaman belanja untuk menggambarkan perbedaan antara INP yang baik dan yang buruk.

Contoh halaman belanja menunjukkan gambar yang dapat diklik yang menghasilkan versi close-up yang lebih besar.

Contoh respons yang buruk adalah ketika pengguna mengklik gambar dan kemudian sesuatu terjadi sambil menunggu gambar yang lebih besar diunduh ke browser. Tidak ada tanggapan umpan balik untuk klik tersebut.

Contoh respons yang baik adalah ketika pengguna mengklik gambar yang sama, yang segera merespons dengan grafik pemuatan halaman yang menunjukkan bahwa permintaan gambar telah diterima dan sedang dimuat.

Tangkapan layar elemen web yang responsif

Di atas adalah contoh bagaimana metrik INP baru mengukur semua elemen responsif halaman web untuk mewakili interaksi dengan Next Paint.

Web.dev Google menjelaskan metrik “Berinteraksi dengan Cat Berikutnya (INP)” yang baru:

“INP adalah metrik yang dirancang untuk mewakili keseluruhan latensi interaksi halaman dengan memilih salah satu interaksi terpanjang yang terjadi saat pengguna mengunjungi halaman.

Untuk halaman dengan total interaksi kurang dari 50, INP adalah interaksi dengan latensi terburuk.

Untuk halaman dengan banyak interaksi, INP biasanya 98% dari latensi interaksi. “

Tata letak Wawasan PageSpeed ​​Baru

Kedua metrik baru ini sekarang dapat dilihat di alat PageSpeed ​​​​Insights.

Tetapi mungkin perlu beberapa waktu agar data lapangan muncul karena data lapangan berasal dari pengguna browser Chrome sebenarnya yang telah memilih untuk mengizinkan data kecepatan halaman dikirim ke Google untuk mengunjungi situs dan mencatat data mereka.

Skor tanda vital jaringan inti dicantumkan terus menerus (dalam tampilan desktop).

Lighthouse kemudian menampilkan metrik baris kedua:

  • cat kaya pertama
  • Memasukkan
  • TTFB

Tangkapan layar tampilan Lighthouse Metrics baru

Indikator Suar

Ekstensi Mercusuar Chrome

Cara lain untuk melihat metrik baru adalah dengan menggunakan Ekstensi Mercusuar Chrome.

Cara menggunakannya adalah dengan menelusuri halaman mana saja dan kotak di sudut kanan atas browser akan berubah menjadi merah atau hijau tergantung pada apakah halaman tersebut lolos dari metrik Core Web Vitals.

Mengklik kotak itu sendiri akan mengaktifkan tampilan CWV dan metrik eksperimental.

Tangkapan layar ekstensi Mercusuar Chrome

Ekstensi Mercusuar Chrome

Indikator Baru Tersedia di Alat Pihak Ketiga

Banyak alat kecepatan halaman yang menggunakan Lighthouse dalam analisisnya juga menampilkan metrik INP dan TTFB.

Misalnya, WebPageTest.org sekarang menampilkan metrik baru.

Tangkapan layar hasil WebPageTest Lighthouse

Tangkapan layar hasil WebPageTest.org yang menunjukkan metrik TTFB dan INP yang dilaporkan

Pembaruan Wawasan Kecepatan Halaman

Ada pembaruan lain untuk alat PageSpeed ​​​​Insights.

Perubahan penting adalah kecepatan hasil yang ditampilkan, yang dicapai dengan memuat data lapangan dan laboratorium secara bersamaan.

Perubahan lainnya adalah bahwa PageSpeed ​​​​Insights pertama-tama akan mencoba mengurai pengalihan HTTP sebelum mengirimnya ke Lighthouse untuk dianalisis. Sebelumnya Lighthouse akan menangani pengalihan HTTP saat melakukan analitik.

Ditambah dua perubahan tambahan lainnya:

“Metrik Core Web Vitals (CWV) (LCP, FID, CLS) ditampilkan langsung di bawah penilaian CWV.

Kami mengencangkan desain untuk mengurangi verbositas dan ruang vertikal. “

Data mercusuar lebih berguna

Penambahan dua metrik ini, TTFB dan INP, membuat semua alat kecepatan halaman yang menggunakan analisis Lighthouse lebih bermanfaat. TTFB memberikan umpan balik tentang masalah terkait server yang mungkin menjadi penyebab kinerja kecepatan yang buruk di tempat lain, sementara INP memberikan gambaran umum yang lebih luas tentang kinerja halaman daripada sebelumnya.

Kutipan

Baca juru bahasa resmi Polri dari Google

Interaksi dengan Next Paint (INP)

Baca penjelasan TTFB Google yang baru-baru ini diperbarui

Waktu ke Byte Pertama (TTFB)

Baca catatan rilis PageSpeed ​​​​Insights

Catatan Rilis untuk PageSpeed ​​​​Insights API dan PageSpeed ​​​​Insights UI

Leave a Reply

Your email address will not be published. Required fields are marked *