Browser Google Chrome Mendapat HUD Yang Menawarkan Metrik Kinerja Halaman Web Real-Time

Google menawarkan Heads-Up Display (HUD) informatif untuk Browser Chrome. Hamparan menawarkan metrik kinerja utama dari laman web secara waktu nyata. Ini akan memungkinkan pengguna untuk memahami seberapa besar dampak halaman web terhadap kinerja browser dan perangkat.

Overlay kinerja halaman web real-time baru, yang saat ini merupakan fitur eksperimental, pada dasarnya memperluas platform Core Web Vitals yang diluncurkan Google awal tahun ini.

Google Core Web Vitals Mendapatkan Overlay Performa Halaman Web Visual dan Real-Time:

Google Core Web Vitals mengukur kinerja laman web dan metrik pengalaman pengguna yang diperlukan untuk menawarkan pengalaman pengguna yang baik saat menjelajahi situs web. Tanda-tanda vital saat ini mencakup Largest Contentful Paint (LCP), First Input Delay (FID), dan Kumulatif Layout Shift (CLS).

• Cat Konten Terbesar (LCP) mengukur saat elemen terbesar di layar browser yang dapat dilihat menjadi terlihat. Untuk memberikan pengalaman pengguna yang baik, LCP harus terjadi di dalam2,5 detik dari saat halaman pertama kali mulai memuat.
• Penundaan Input Pertama (FID) mengukur waktu dari saat pengguna pertama kali berinteraksi dengan halaman hingga saat browser dapat merespons interaksi tersebut. Untuk memberikan pengalaman pengguna yang baik, halaman harus memiliki FID kurang dari100 milidetik.
• Pergeseran Tata Letak Kumulatif (CLS)mengukur seberapa banyak konten yang terlihat bergeser di area pandang serta jarak pergeseran elemen ini. Alasan umum CLS adalah ketika iklan yang ditampilkan mendorong ke bawah konten yang terlihat. Untuk memberikan pengalaman pengguna yang baik, halaman harus mempertahankan CLS kurang dari0.1.

Secara kebetulan, Google akan mulai mempertimbangkan metrik Core Web Vitals dalam algoritme peringkat untuk situs web yang dicari dan dikunjungi melalui mesin pencari Google. Dengan kata lain, situs web harus meningkatkan metrik LCP, FID, dan CLS agar tetap relevan di hasil Google Penelusuran.

Metrik Google Core Web Vitals Sebagai Fitur Bawaan yang Dapat Dilihat Di Browser Web Chrome:

Di Google Chrome Canary build, perusahaan membuat HUD bawaan yang menampilkan metrik kinerja waktu nyata saat menggunakan halaman web. Hingga saat ini, pengguna Chrome dapat mengakses metrik menggunakan ekstensi.

HUD baru akan ditempatkan di sisi kanan atas halaman web. Ini akan menunjukkan metrik kinerja untuk Largest Contentful Paint (LCP), First Input Delay (FID), dan Kumulatif Layout Shift (CLS). HUD juga akan menyertakan Average Dropped Frame (ADF).

ADF adalah metrik kelancaran yang mengukur GPU dan performa rendering halaman web. Semakin rendah ADF, semakin mulus halamannya, sementara frame yang lebih tinggi akan menyebabkan "jank", atau tersendat-sendat dan terpotong, saat menggunakan halaman web.

Cara mengaktifkan HUD Google Core Web Vitals di Browser Chrome:

Untuk mencoba HUD metrik kinerja Google Core Web Vitals baru, pengguna harus menginstal Google Chrome Canary terlebih dahulu.

Setelah Chrome Canary diinstal, aktifkan fitur HUD dengan mengikuti langkah-langkah ini.

1. Memasukkanchrome: // flagske bilah alamat Chrome dan tekan enter.
2. Saat layar eksperimen terbuka, telusuri 'HUD.’
3. Ketika 'Tampilkan metrik kinerja di HUD'Bendera muncul, klik pada drop-down dan dipilih'Diaktifkan.’