Tes kecepatan situs

Tes kecepatan situs

Panduan dan checklist Core Web Vitals (LCP, CLS, INP) serta faktor yang memengaruhi kecepatan situs.

Alat · Performa

Kecepatan situs diukur melalui Core Web Vitals, tiga metrik yang digunakan Google: LCP (seberapa cepat elemen utama dimuat), CLS (seberapa stabil tata letak saat memuat), dan INP (seberapa cepat situs merespons interaksi). Panduan ini menunjukkan apa yang memengaruhi setiap metrik dan apa yang perlu diperiksa agar situs cepat.

  • LCP (Largest Contentful Paint): waktu muat elemen visual utama. Target: di bawah 2,5 detik.
  • CLS (Cumulative Layout Shift): stabilitas tata letak. Target: di bawah 0,1.
  • INP (Interaction to Next Paint): daya tanggap terhadap interaksi. Target: di bawah 200 ms.
  • Dipengaruhi oleh: ukuran gambar, font, skrip eksternal, dan dimensi yang dicadangkan.

Bagaimana cara kerjanya?

Ukur titik awal Anda dengan alat seperti PageSpeed Insights atau Lighthouse — keduanya memberi skor LCP, CLS, dan INP untuk halaman yang diuji.

Untuk LCP yang baik: optimalkan dan kompres gambar, muat gambar utama (hero) dengan prioritas, dan hindari skrip yang menghambat render.

Untuk CLS yang baik: cadangkan dimensi tetap untuk gambar dan iklan, dan muat font dengan "display: swap" agar teks tidak melompat.

Untuk INP yang baik: kurangi jumlah JavaScript yang dijalankan saat interaksi dan tunda skrip non-esensial hingga setelah pemuatan awal.

Pertanyaan yang sering diajukan

Apa itu Core Web Vitals?

Core Web Vitals adalah tiga metrik pengalaman dari Google: LCP (kecepatan pemuatan konten utama), CLS (stabilitas visual), dan INP (daya tanggap terhadap interaksi). Ketiganya merupakan faktor peringkat di pencarian.

Seberapa cepat seharusnya situs dimuat?

Target yang direkomendasikan: LCP di bawah 2,5 detik, CLS di bawah 0,1, dan INP di bawah 200 milidetik. Dalam nilai-nilai ini, Google menganggap pengalamannya "baik".

Apa yang paling sering memperlambat situs?

Penyebab umum adalah gambar besar yang tidak dikompres, terlalu banyak skrip eksternal (chat, analitik, iklan), font yang dimuat secara memblokir, dan tidak adanya dimensi yang dicadangkan untuk gambar, yang menyebabkan pergeseran tata letak.

Bagaimana cara memeriksa kecepatan situs saya?

Gunakan alat gratis seperti Google PageSpeed Insights atau Lighthouse (bawaan Chrome). Masukkan alamat halaman dan Anda akan mendapat skor Core Web Vitals beserta rekomendasi perbaikan yang konkret.

Alat terkait

Bangun website Anda dengan 4buildsite

Situs landing, toko online, atau marketplace — dioptimalkan untuk AI, GEO, dan SEO sejak awal, tanpa agensi.

Lihat harga →