Core Web Vitals menunjukkan tiga metrik peringkat Google — LCP, CLS, dan INP — diukur secara langsung pada laman yang Anda lihat, dinilai berdasarkan ambang batas Google, dan ditelusuri kembali ke elemen persis di balik setiap angka.
Core Web Vitals menentukan sebagian dari bagaimana peringkat halaman Anda, tetapi cara biasa untuk mengukurnya terasa canggung. Peralatan laboratorium menghasilkan beban sintetis yang tidak dialami oleh siapa pun. Search Console melaporkan pengguna sebenarnya, terlambat empat minggu, dikelompokkan ke dalam keranjang URL. Tidak ada yang memberi tahu Anda elemen mana pada halaman di depan Anda yang bermasalah.
Alat ini mengukur halaman yang sebenarnya Anda lihat saat Anda menggunakannya. LCP, CLS, dan INP masing-masing mendapatkan ubin dengan nilainya, peringkat Baik, Perlu pekerjaan, atau Buruk terhadap ambang batas yang dipublikasikan Google, dan bilah yang menunjukkan posisi Anda. FCP dan TTFB berada di samping keduanya untuk konteks, karena LCP lambat yang disebabkan oleh server yang lambat adalah masalah yang berbeda dari masalah yang disebabkan oleh gambar yang berat.
Definisinya cocok dengan apa yang dilaporkan Chrome ke CrUX, yang penting jika Anda ingin membandingkan angka dengan Search Console. CLS menggunakan jendela sesi — jendela berakhir setelah jeda satu detik atau lima detik, dan jendela terburuk menang — daripada menambahkan setiap shift secara naif. INP adalah persentil ke-98 dari latensi interaksi Anda, yang untuk kunjungan normal merupakan interaksi paling lambat. LCP berhenti berubah pada interaksi pertama Anda, persis seperti yang dilakukan Chrome.
Yang paling berguna, setiap nomor diatribusikan. Panel memberi nama elemen cat terbesar, elemen yang bergeser, dan interaksi paling lambat, dan tombol Perlihatkan akan bergulir ke salah satu elemen tersebut dan menguraikannya di halaman. Alih-alih mengetahui bahwa CLS adalah 0,31, Anda melihat spanduk yang mendorong konten Anda ke bawah. Salin laporan memberi Anda semuanya sebagai teks untuk tiket.
Tiga metrik peringkat diperbarui saat Anda menggunakan halaman: menggulir memindahkan CLS, mengklik dan mengetik memindahkan INP. Masing-masing diberi peringkat Baik, Perlu pekerjaan, atau Buruk berdasarkan ambang batas Google.
Sebutkan unsur cat terbesar, unsur yang bergeser, dan interaksi paling lambat. Tekan Tampilkan untuk menggulir ke salah satu dari mereka dan menguraikannya langsung di halaman.
CLS menggunakan jendela sesi dengan jeda 1 detik dan batas 5 detik, INP adalah persentil ke-98 dari latensi interaksi, dan LCP terhenti pada interaksi pertama — sehingga angka Anda sesuai dengan Search Console.
First Contentful Paint dan Time To First Byte berada di samping tiga besar, sehingga Anda dapat membedakan server yang lambat dari gambar pahlawan yang berat sebelum Anda mulai mengoptimalkan hal yang salah.
Cantumkan interaksi paling lambat Anda dengan jenis peristiwa dan elemen yang terlibat, sehingga dropdown atau filter yang lamban dapat ditemukan alih-alih ditebak.
Satu klik menyalin setiap metrik, peringkat, dan pemilih yang melanggar sebagai teks biasa — siap ditempelkan ke dalam tiket, permintaan penarikan, atau email klien.
Konfirmasikan LCP, CLS, dan INP berada di zona hijau pada template baru sebelum diluncurkan, daripada mencari tahu dari Search Console sebulan kemudian.
Search Console memberi tahu Anda sekelompok URL yang gagal CLS; buka salah satunya dengan alat ini dan lihat elemen mana yang melakukan pergeseran.
Gulir halaman dan saksikan CLS naik, lalu tekan Tampilkan untuk menguraikan iklan, spanduk, atau font web yang terlambat dimuat yang memindahkan konten Anda.
Klik filter, menu, dan modal, lalu baca daftar interaksi paling lambat untuk mengetahui kontrol mana yang membutuhkan waktu ratusan milidetik.
Catat angkanya, terapkan perbaikannya, lalu ukur kembali halaman yang sama dan bandingkan kedua laporan secara berdampingan.
Klik ikon Core Web Vitals di dok DevSuite Pro. Ubin metrik langsung muncul menggunakan apa pun yang telah direkam laman.
LCP hanya bermakna sejak awal pemuatan halaman, jadi muat ulang dengan panel terbuka saat Anda menginginkan bacaan yang dapat dipercaya.
Gulir seluruh halaman untuk melatih CLS, lalu klik, ketuk, dan ketik untuk menghasilkan pengukuran INP. Ubin diperbarui seiring berjalannya waktu.
Tekan Tampilkan di samping elemen LCP, sumber pergeseran tata letak, atau interaksi lambat. Halaman tersebut bergulir ke sana dan menguraikannya sehingga tidak ada ambiguitas tentang elemen mana yang bertanggung jawab.
Klik Salin laporan untuk mendapatkan ringkasan teks biasa dari setiap metrik, rating, dan pemilih. Tekan Reset untuk memulai kembali CLS dan INP dari awal.
Instal DevSuite Pro secara gratis dan buka 71+ alat pengembang untuk browser Anda.
