Core Web Vitals menunjukkan tiga metrik kedudukan Google — LCP, CLS dan INP — diukur secara langsung pada halaman yang anda lihat, dinilai berdasarkan ambang Google dan dikesan kembali ke elemen tepat di belakang setiap nombor.
Core Web Vitals menentukan sebahagian daripada kedudukan halaman anda, tetapi cara biasa untuk mengukurnya adalah janggal. Alat makmal menjaringkan beban sintetik yang tiada siapa yang alami. Konsol Carian melaporkan pengguna sebenar, lewat empat minggu, dikumpulkan ke dalam baldi URL. Kedua-duanya tidak memberitahu anda elemen mana pada halaman di hadapan anda yang menjadi masalah.
Alat ini mengukur halaman yang sebenarnya anda lihat, semasa anda menggunakannya. LCP, CLS dan INP masing-masing mendapat jubin dengan nilainya, penilaian Baik, Memerlukan kerja atau Lemah terhadap ambang yang diterbitkan oleh Google dan bar yang menunjukkan tempat anda duduk. FCP dan TTFB duduk bersama mereka untuk konteks, kerana LCP perlahan yang disebabkan oleh pelayan yang perlahan adalah masalah yang berbeza daripada masalah yang disebabkan oleh imej yang berat.
Takrifan sepadan dengan apa yang Chrome laporkan kepada CrUX, yang penting jika anda berhasrat untuk membandingkan nombor dengan Konsol Carian. CLS menggunakan tetingkap sesi — tetingkap berakhir selepas jurang satu saat atau pada lima saat, dan tetingkap yang paling teruk menang — dan bukannya menambah setiap syif secara naif bersama-sama. INP ialah persentil ke-98 kependaman interaksi anda, yang untuk lawatan biasa hanyalah interaksi yang paling perlahan. LCP berhenti berubah pada interaksi pertama anda, sama seperti Chrome melakukannya.
Paling berguna, setiap nombor dikaitkan. Panel menamakan elemen cat terbesar, elemen yang beralih dan interaksi paling perlahan, dan butang Tunjukkan menatal ke mana-mana daripada mereka dan menggariskannya pada halaman. Daripada mengetahui bahawa CLS ialah 0.31, anda melihat sepanduk yang menolak kandungan anda ke bawah. Salin laporan menyerahkan semuanya kepada anda sebagai teks untuk tiket.
Tiga metrik kedudukan dikemas kini semasa anda menggunakan halaman: menatal menggerakkan CLS, mengklik dan menaip memindahkan INP. Masing-masing dinilai Baik, Perlu kerja atau Kurang berbanding ambang Google.
Namakan elemen cat terbesar, elemen yang beralih dan interaksi paling perlahan. Tekan Tunjukkan untuk menatal ke mana-mana daripadanya dan gariskannya terus pada halaman.
CLS menggunakan tetingkap sesi dengan jurang 1s dan had 5s, INP ialah persentil kependaman interaksi ke-98 dan LCP membeku pada interaksi pertama — jadi nombor anda selaras dengan Konsol Carian.
First Contentful Paint dan Time To First Byte duduk di sebelah tiga besar, jadi anda boleh membezakan pelayan yang perlahan selain daripada imej wira yang berat sebelum anda mula mengoptimumkan perkara yang salah.
Menyenaraikan interaksi paling perlahan anda dengan jenis acara dan elemen yang terlibat, jadi lungsur turun atau penapis yang lembap boleh ditemui dan bukannya meneka.
Satu klik menyalin setiap metrik, penilaian dan pemilih yang menyinggung perasaan sebagai teks biasa — sedia untuk tampal ke dalam tiket, permintaan tarik atau e-mel pelanggan.
Sahkan LCP, CLS dan INP berada dalam warna hijau pada templat baharu sebelum ia disiarkan secara langsung, dan bukannya mengetahui daripada Konsol Carian sebulan kemudian.
Konsol Carian memberitahu anda sekumpulan URL gagal CLS; buka salah satu daripadanya dengan alat ini dan lihat dengan tepat elemen mana yang melakukan peralihan.
Tatal halaman dan tonton pendakian CLS, kemudian tekan Tunjukkan untuk menggariskan iklan, sepanduk atau fon web yang lewat dimuatkan yang menggerakkan kandungan anda.
Klik melalui penapis, menu dan modal, kemudian baca senarai interaksi paling perlahan untuk mencari kawalan yang menelan kos ratusan milisaat.
Catat nombor, gunakan pembetulan, kemudian ukur halaman yang sama sekali lagi dan bandingkan kedua-dua laporan sebelah menyebelah.
Klik ikon Core Web Vitals dalam dok DevSuite Pro. Jubin metrik muncul terus menggunakan apa sahaja halaman yang telah direkodkan.
LCP hanya bermakna dari permulaan pemuatan halaman, jadi muat semula dengan panel terbuka apabila anda mahukan bacaan yang boleh anda percayai.
Tatal ke seluruh halaman untuk menggunakan CLS, dan klik, ketik dan taip untuk menjana ukuran INP. Kemas kini jubin semasa anda pergi.
Tekan Tunjukkan di sebelah elemen LCP, sumber anjakan reka letak atau interaksi perlahan. Halaman itu menatal kepadanya dan menggariskannya supaya tidak ada kesamaran tentang elemen mana yang bertanggungjawab.
Klik Salin laporan untuk ringkasan teks biasa setiap metrik, penilaian dan pemilih. Tekan Reset untuk memulakan CLS dan INP semula dari awal.
Pasang DevSuite Pro secara percuma dan buka 71+ alat pembangun untuk pelayar anda.
