Ringkasan: Perbaiki tiga metrik: LCP (kecepatan konten utama muncul), INP (respons terhadap interaksi), dan CLS (kestabilan tata letak). Mulai dari gambar, caching, dan JavaScript.

Target Core Web Vitals

Metrik Arti Target "baik" (persentil 75)
LCP Elemen terbesar tampil ≤ 2,5 detik
INP Respons interaksi ≤ 200 ms
CLS Pergeseran tata letak ≤ 0,1

Ukur dengan data lapangan (Search Console, CrUX) dan data lab (PageSpeed Insights, Lighthouse). Ambang batas bisa diperbarui Google, jadi cek dokumentasi resmi.

Perbaikan LCP

  1. Gambar: format WebP/AVIF, ukuran sesuai tampilan, srcset, kompresi.
  2. Jangan lazy-load gambar utama di atas lipatan; beri fetchpriority="high".
  3. Server cepat (TTFB rendah): caching halaman, CDN, hosting memadai.
  4. Kurangi CSS/JS yang memblokir render.
  5. Preload font dan resource kritis.

Perbaikan INP

  • Pecah tugas JavaScript panjang.
  • Kurangi script pihak ketiga (chat, tracking, iklan).
  • Tunda script non-kritis.
  • Hindari render ulang berlebihan pada framework (React/Next.js): memoisasi, virtualisasi daftar panjang.

Perbaikan CLS

  • Tetapkan lebar dan tinggi gambar/iframe/iklan.
  • Sediakan ruang untuk banner dan embed.
  • Gunakan font-display: swap dan font cadangan dengan metrik mirip.
  • Hindari menyisipkan konten di atas konten yang sudah tampil.

Caching dan CDN

Atur header cache untuk aset statis (file ber-hash dapat di-cache lama), aktifkan kompresi Brotli/gzip, dan gunakan CDN untuk audiens di banyak wilayah. Untuk Next.js, manfaatkan SSG/ISR pada halaman publik (tech stack).

WordPress

Kurangi plugin, pakai cache plugin yang andal, optimalkan tema, dan bersihkan database. Plugin berlebih adalah sumber lambat paling umum.

Cara Membuktikan Hasil

Catat skor dan metrik lapangan sebelum dan sesudah. Data lapangan Search Console butuh sekitar 28 hari untuk mencerminkan perubahan.

Hubungan dengan SEO

Kecepatan adalah sinyal peringkat yang ringan, tetapi dampaknya pada konversi dan bounce rate sering lebih nyata. Lanjutkan ke SEO teknis dan konversi.

FAQ

Skor 100 di PageSpeed wajib?

Tidak. Fokus pada lolos Core Web Vitals di data lapangan dan pengalaman pengguna nyata.

Mana yang dikerjakan duluan?

Gambar dan caching biasanya memberi hasil terbesar dengan usaha terkecil.

Langkah selanjutnya

Minta audit kecepatan gratis untuk halaman terpenting Anda.