Google mengumumkan inisiatif Web Vitals untuk memberikan panduan terpadu kepada pengembang mengenai kinerja situs web menggunakan tiga metrik inti.
Kembali ke Chrome Developer Summit tahun lalu, Google mengumumkan alat pengembang Chrome baru untuk mengurangi waktu buka halaman dan membangun pengalaman seperti aplikasi asli. Pada saat itu, perusahaan juga membahas inisiatif untuk memberikan pengembang serangkaian metrik terpadu untuk mengukur ketika membangun situs web dengan mempertimbangkan pengalaman pengguna dan kinerja. Menindaklanjuti ide awal tersebut, Google kini telah mengumumkan inisiatif Web Vitals yang bertujuan untuk menyediakan "panduan terpadu untuk sinyal berkualitas yang penting untuk memberikan pengalaman pengguna yang luar biasa di web".
Selama bertahun-tahun, Google telah menawarkan beberapa alat untuk membantu pengembang situs web mengukur dan melaporkan kinerja situs web. Ini termasuk hal-hal seperti Lighthouse, Alat Pengembang Chrome, PageSpeed Insights, dan Laporan Kecepatan Search Console. Namun Google mencatat bahwa meskipun beberapa pengembang cukup mahir dalam menggunakan alat ini, yang lain merasa variasi alat dan metrik agak sulit untuk diikuti. Dengan inisiatif baru ini, perusahaan bertujuan untuk menyederhanakan lanskap sehingga pengembang dapat fokus pada metrik yang paling penting, yang disebut Core Web Vitals.
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 Contentful 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.
- Penundaan Masukan Pertama (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
Untuk membantu pengembang mengukur dan melaporkan Data Web Inti ini, Google berkomitmen untuk menampilkan metrik ini di alatnya. Bagan berikut merinci alat mana yang mendukung Core Web Vitals:
Pengembang juga akan dapat mengukur setiap Core Web Vital dalam JavaScript menggunakan API web standar dan melaporkan setiap Core Web Vital tanpa menulis kode apa pun, menggunakan Ekstensi Chrome Web Vitals. Ekstensi ini memanfaatkan pustaka web-vitals untuk mengukur metrik ini dan menampilkannya kepada pengguna saat mereka menjelajahi web. Ekstensi juga dapat membantu dalam memahami kinerja situs web Anda, situs web pesaing Anda, dan web secara keseluruhan. Alternatifnya, pengembang yang lebih memilih untuk mengukur metrik ini menggunakan API web yang mendasarinya dapat merujuk ke panduan metrik di situs web yang tertaut di bawah untuk mengetahui detail penerapannya.
Selain Core Web Vitals, Google juga membahas tentang Web Vitals lain yang akan berfungsi sebagai proxy atau metrik tambahan untuk Core vitals. Ini termasuk metrik seperti Time to First Byte (TTFB), First Contentful Paint (FCP), Total Blocking Time (TBT), dan Time hingga Interaktif (TTI) yang dapat membantu pengembang menangkap sebagian besar pengalaman atau membantu dalam mendiagnosis secara spesifik masalah.
Perlu dicatat bahwa Data Web dan Data Web Inti ini akan berkembang seiring berjalannya waktu dan pengembang akan mengharapkan perbaikan atau penambahan pada daftar di masa mendatang. Namun, karena Data Web Inti relevan dengan semua halaman web dan ditampilkan di beberapa alat Google, perubahan apa pun pada metrik ini tidak akan mengubah definisi dan ambang batasnya. Pengembang juga akan diberikan pemberitahuan sebelumnya mengenai perubahan apa pun yang akan datang dan pola tahunan yang dapat diprediksi. Karena Web Vitals lainnya bersifat spesifik pada konteks atau alat, definisi dan ambang batasnya dapat berubah lebih sering tanpa pemberitahuan sebelumnya. Setiap perubahan yang dilakukan pada semua Web Vitals akan didokumentasikan dalam hal ini log perubahan publik.
Sumber: web.dev