Materi
Tiga metrik Core Web Vitals mengukur pemuatan (LCP), respons terhadap interaksi (INP), dan stabilitas visual (CLS). Tabel ambang baiknya ada di kelas SEO untuk Halaman Web; per tanggal verifikasi pelajaran ini web.dev menetapkan LCP 2,5 detik, INP 200 ms, dan CLS 0,1 pada persentil ke-75, dan web.dev sendiri menyatakan metriknya bisa berganti. Yang dilatih di sini cara membaca angkanya.
LCP adalah waktu render gambar atau blok teks terbesar di layar pertama. web.dev membaginya menjadi empat sub-bagian tanpa celah: TTFB; jeda muat sumber daya, dari TTFB sampai unduhan sumber daya LCP dimulai; durasi muat sumber daya; dan jeda render elemen, dari unduhan selesai sampai elemen tampil. Dua bagian bernama jeda idealnya mendekati nol. Gambar LCP yang diberi loading="lazy" atau baru ditemukan lewat JavaScript memperpanjang jeda muat.
INP mengamati klik, ketukan, dan tekan tombol, bukan gulir atau arahkan kursor. Setiap interaksi terdiri dari jeda input, durasi pemrosesan semua penangan peristiwa, dan jeda presentasi sampai bingkai berikutnya digambar. CLS bukan jumlah semua pergeseran. web.dev mengelompokkan pergeseran menjadi jendela sesi: pergeseran yang berjarak kurang dari 1 detik dari sebelumnya, dengan panjang jendela paling lama 5 detik. CLS adalah jumlah skor jendela terbesar, dan pergeseran dalam 500 ms setelah input pengguna tidak dihitung.
