SEO dan artikel website2 menit bacaDiperbarui

Cara memperbaiki Core Web Vitals: LCP, INP, dan CLS

Core Web Vitals mengukur kecepatan muat, responsivitas, dan stabilitas visual. Perbaiki gambar, skrip, dan elemen yang bergeser.

Oleh

Tampilan laporan analitik pada layar peramban

Foto: Unsplash

Core Web Vitals adalah tiga metrik yang dipakai Google untuk menilai pengalaman pengguna pada halaman web, yaitu kecepatan muat konten utama, responsivitas terhadap interaksi, dan kestabilan tata letak. Metrik ini merupakan bagian dari penilaian pengalaman halaman, bersama banyak faktor lain.

Tiga metrik

MetrikMengukurDianggap baik
LCP (Largest Contentful Paint)Waktu elemen terbesar tampil2,5 detik atau kurang
INP (Interaction to Next Paint)Responsivitas terhadap interaksi200 milidetik atau kurang
CLS (Cumulative Layout Shift)Pergeseran tata letak tak terduga0,1 atau kurang

Ambang tersebut dinilai pada persentil ke-75 data pengguna nyata, dan ketentuan metrik dapat diperbarui, jadi periksa dokumentasi terbaru.

Memperbaiki LCP

  • Kompres dan sesuaikan ukuran gambar utama; gunakan format modern.
  • Hindari memuat gambar utama secara tertunda.
  • Kurangi kode yang menghambat tampilan awal.
  • Gunakan hosting yang responsif dan cache.

Memperbaiki INP

  • Kurangi dan tunda JavaScript yang tidak penting.
  • Pecah tugas skrip yang berat.
  • Batasi skrip pihak ketiga seperti widget dan pelacak.

Memperbaiki CLS

  • Tentukan lebar dan tinggi gambar serta video.
  • Sediakan ruang tetap untuk iklan atau spanduk yang dimuat belakangan.
  • Hindari menyisipkan konten di atas konten yang sudah tampil.
  • Muat font dengan strategi yang tidak menyebabkan lompatan teks.

Cara bekerja

Perbaiki satu per satu dan ukur ulang. Core Web Vitals merupakan indikator pengalaman, yaitu bukan tujuan akhir; halaman yang cepat tetapi kontennya tidak berguna tetap tidak akan berhasil. Pegangannya ialah kenyamanan pengunjung. Baca cara mempercepat website dan jasa optimasi website.

Pertanyaan yang sering diajukan

Apakah Core Web Vitals memengaruhi peringkat?

Bagian dari sinyal pengalaman halaman, tetapi relevansi konten tetap lebih menentukan.

Bagaimana melihat skor situs saya?

Lewat Search Console dan alat uji kecepatan halaman.

Mengapa skor berubah-ubah?

Kondisi jaringan, perangkat, dan beban server memengaruhi hasil.

Sumber

Siap mulai?

Ceritakan Kebutuhan Anda

Website, dokumen, desain, SEO, atau tools: chat kami di WhatsApp. Kami bantu dari nol sampai hasilnya Anda terima.

Lihat Layanan Pesan