Chrome menambahkan overlay kinerja untuk membantu pengembang web membangun situs web lebih cepat

Saat Google meluncurkan Chrome 90 akhir tahun ini, Google akan menampilkan overlay yang akan memberikan statistik tentang kinerja situs web.

Saat Google meluncurkan Chrome 90 akhir tahun ini, browser tersebut akan menampilkan overlay baru opsional yang akan memberikan statistik penting kepada pengembang tentang kinerja situs web.

Performance Heads-Up Display (HUD) baru Chrome dirinci oleh Google Engineering Manager Addy Osmani (melalui Polisi Android). Hamparan baru, yang akan menjadi bagian dari Chrome DevTools, akan memberi pengembang Data Web Inti dan metrik kelancaran. Setelah HUD diaktifkan, HUD akan tetap ada dan ditampilkan di setiap tag.

Hamparan kinerja baru hadir menyusul Peluncuran Web Vitals oleh Google, sebuah inisiatif yang bertujuan untuk memberikan “panduan terpadu untuk sinyal berkualitas yang penting untuk memberikan pengalaman pengguna yang luar biasa di web.”

Inilah yang kami katakan tentang Core Web Vitals pada bulan Mei 2020:

Data Web Inti adalah bagian dari semua Data Web yang berlaku untuk semua halaman web, harus diukur oleh semua pemilik situs web, dan akan ditampilkan di semua alat Google. Saat ini, Data Web Inti ini berfokus pada tiga aspek pengalaman pengguna — pemuatan, interaktivitas, dan stabilitas visual — dan mencakup metrik berikut (dan ambang batasnya masing-masing):

  • Cat Konten Terbesar (LCP): mengukur kinerja pemuatan. Untuk memberikan pengalaman pengguna yang baik, LCP harus terjadi dalam waktu 2,5 detik sejak halaman pertama kali mulai dimuat.
  • First Input Delay (FID): mengukur interaktivitas. Untuk memberikan pengalaman pengguna yang baik, halaman harus memiliki FID kurang dari 100 milidetik.
  • Pergeseran Tata Letak Kumulatif (CLS): mengukur stabilitas visual. Untuk memberikan pengalaman pengguna yang baik, halaman harus mempertahankan CLS kurang dari 0,1

Adalah kepentingan terbaik pengembang untuk membuat situs web dengan pengalaman yang cepat dan lancar. Itu karena Google akan memberi peringkat pada situs web berdasarkan “pengalaman halaman” mulai Mei 2021. Google mulai memberi label situs web sebagai metrik yang memenuhi Core Web Vitals pada bulan Agustus tahun lalu, memberi tahu pengguna di Chrome 85 apakah tautan mengarah ke “halaman cepat”.

Menurut Osmani, HUD masih dalam tahap penyempurnaan, sehingga hal-hal seperti stabilitas dan performa akan datang seiring berjalannya waktu. Anda dapat menuju ke crbug.com dan laporkan bug atau masukan apa pun pada komponen Internal > GPU > Metrik.