seokita.id

SEO teknis, riset keyword, on-page optimization untuk pasar Indonesia

Core Web Vitals 2025: Panduan Teknis untuk Situs Indonesia

by Bayu Wicaksono
Core Web Vitals 2025: Panduan Teknis untuk Situs Indonesia

Kesalahan yang Bikin Situs Anda Kalah Sebelum Bersaing

Banyak pemilik bisnis Indonesia sudah rajin riset keyword, nulis konten panjang, bahkan bangun backlink — tapi ranking tetap stagnan. Salah satu penyebab yang paling sering terlewat: Core Web Vitals yang buruk.

Google secara resmi menjadikan Core Web Vitals sebagai ranking signal sejak 2021, dan pada 2024 mereka mengganti FID (First Input Delay) dengan INP (Interaction to Next Paint). Artinya, kalau Anda belum audit ulang situs sejak pergantian itu, ada kemungkinan besar skor Anda sudah berubah — dan bukan ke arah yang bagus.

Data dari laporan Chrome UX Report untuk domain-domain Indonesia menunjukkan bahwa lebih dari 60% situs e-commerce lokal masih gagal di metrik LCP. Ini bukan masalah teknis yang butuh developer senior — banyak perbaikannya bisa Anda eksekusi sendiri minggu ini.

Apa Itu Core Web Vitals dan Kenapa Bisnis Anda Harus Peduli

Core Web Vitals adalah tiga metrik yang Google gunakan untuk mengukur pengalaman pengguna nyata di situs Anda:

  • LCP (Largest Contentful Paint): Seberapa cepat konten utama (biasanya gambar hero atau heading besar) muncul di layar. Target: di bawah 2,5 detik.
  • INP (Interaction to Next Paint): Seberapa responsif situs Anda saat pengguna klik tombol, isi form, atau navigasi. Target: di bawah 200 milidetik.
  • CLS (Cumulative Layout Shift): Seberapa stabil layout halaman — apakah elemen tiba-tiba bergeser saat konten dimuat. Target: di bawah 0,1.

Ketiga metrik ini diukur dari data pengguna nyata (field data), bukan simulasi lab. Artinya, Google melihat bagaimana situs Anda bekerja di perangkat dan koneksi internet pengguna Indonesia yang sebenarnya — termasuk pengguna dengan HP mid-range dan koneksi 4G yang tidak stabil.

Dampak ke bisnis sangat konkret: studi Google sendiri menunjukkan bahwa situs dengan LCP buruk mengalami bounce rate lebih tinggi hingga 32%. Untuk situs e-commerce atau landing page lead generation, ini langsung berdampak ke konversi — bukan hanya ranking.

Cara Audit Core Web Vitals Situs Anda Sekarang

Sebelum memperbaiki, Anda harus tahu kondisi saat ini. Gunakan dua sumber data ini secara bersamaan:

1. Google Search Console (Field Data)

Buka Search Console → Experience → Core Web Vitals. Di sini Anda akan melihat halaman-halaman mana yang masuk kategori "Poor", "Needs Improvement", atau "Good" — berdasarkan data pengguna nyata selama 28 hari terakhir.

Fokus dulu ke halaman dengan traffic tertinggi. Tidak ada gunanya memperbaiki halaman yang tidak dikunjungi orang.

2. PageSpeed Insights (Lab + Field Data)

Masukkan URL spesifik di pagespeed.web.dev. Anda akan mendapat dua bagian:

  • Field Data (atas): data nyata dari pengguna Chrome
  • Lab Data (bawah): simulasi yang berguna untuk debugging

Perhatikan bagian "Opportunities" dan "Diagnostics" — ini adalah daftar masalah yang sudah diprioritaskan oleh Google berdasarkan dampaknya ke metrik Anda.

Kesalahan umum: Banyak orang hanya lihat skor 0–100 dan abaikan detail. Skor 72 vs 68 tidak terlalu signifikan — yang penting adalah apakah field data Anda masuk kategori "Good" untuk ketiga metrik.

Checklist Perbaikan Core Web Vitals: Eksekusi Minggu Ini

Berikut checklist berdasarkan urutan dampak terbesar untuk situs Indonesia:

✅ Perbaikan LCP (Target: < 2,5 Detik)

  • Identifikasi elemen LCP Anda. Di PageSpeed Insights, scroll ke bagian "Largest Contentful Paint element" — biasanya gambar hero atau H1. Screenshot hasilnya.
  • Tambahkan fetchpriority="high" pada gambar LCP. Ini memberi tahu browser untuk memuat gambar itu lebih dulu. Contoh: <img src="hero.jpg" fetchpriority="high" alt="...">
  • Kompres semua gambar ke format WebP. Gunakan tools seperti Squoosh (gratis, berbasis browser) atau plugin ShortPixel untuk WordPress. Target ukuran: di bawah 150KB untuk gambar hero.
  • Aktifkan caching browser. Kalau pakai WordPress, plugin W3 Total Cache atau LiteSpeed Cache sudah cukup. Pastikan cache-control header aktif.
  • Gunakan CDN. Untuk situs Indonesia, Cloudflare (gratis) sudah sangat membantu karena mereka punya edge server di Singapura dan Jakarta. Ini memotong latensi secara signifikan.
  • Preconnect ke server font atau third-party. Tambahkan di <head>: <link rel="preconnect" href="https://fonts.googleapis.com">

✅ Perbaikan INP (Target: < 200ms)

  • Audit JavaScript yang berjalan di main thread. Di Chrome DevTools, buka tab Performance → Record lalu klik elemen di halaman. Lihat apakah ada "Long Tasks" (blok merah di atas 50ms).
  • Tunda (defer) script yang tidak kritis. Tambahkan atribut defer atau async pada script tag yang tidak perlu langsung dijalankan saat halaman dimuat.
  • Hapus atau ganti plugin WordPress yang berat. Plugin contact form, slider, dan live chat sering jadi penyebab INP buruk. Cek dengan menonaktifkan satu per satu lalu ukur ulang.
  • Pertimbangkan pindah ke tema ringan. Tema WordPress berbasis block editor (seperti Kadence atau GeneratePress) secara umum lebih ringan dari page builder berat seperti Divi atau Elementor yang loading banyak script.

✅ Perbaikan CLS (Target: < 0,1)

  • Selalu tentukan dimensi gambar di HTML. Tambahkan atribut width dan height pada semua tag <img>. Ini mencegah layout shift saat gambar dimuat.
  • Hindari menyisipkan konten di atas konten yang sudah ada. Banner promo, cookie notice, atau iklan yang muncul tiba-tiba di atas halaman adalah penyebab CLS paling umum.
  • Pesan ruang untuk iklan atau embed. Kalau Anda pakai Google AdSense atau embed video YouTube, tentukan ukuran container-nya terlebih dulu dengan CSS (min-height) sebelum konten dimuat.
  • Audit font loading. Gunakan font-display: swap di CSS untuk mencegah teks bergeser saat web font dimuat.

Tools yang Direkomendasikan untuk Monitoring Berkelanjutan

Audit sekali tidak cukup. Core Web Vitals bisa berubah setiap kali Anda update plugin, tambah script baru, atau traffic naik. Gunakan tools ini untuk monitoring rutin:

Tool Fungsi Harga
Google Search Console Field data, laporan per halaman Gratis
PageSpeed Insights Audit on-demand, lab + field Gratis
Ahrefs Site Audit Crawl teknis + CWV overview Berbayar
SpeedVitals Monitoring otomatis + alert Freemium
WebPageTest Debugging detail, waterfall chart Gratis

Untuk bisnis kecil-menengah, kombinasi Search Console + PageSpeed Insights + SpeedVitals (paket gratis) sudah cukup untuk monitoring bulanan.

Studi Kasus: Situs Otomotif Lokal, LCP Turun dari 6,2 Detik ke 2,1 Detik

Salah satu klien di niche otomotif — situs listing kendaraan bekas — datang dengan masalah klasik: traffic organik stagnan meski konten terus ditambah.

Setelah audit, ditemukan:

  • Gambar listing mobil rata-rata 800KB–1,2MB (format JPEG, tanpa kompresi)
  • Tidak ada CDN, server hosting di Jakarta tapi response time 1,8 detik
  • Ada 14 plugin WordPress aktif, termasuk 3 plugin slider yang tidak dipakai
  • Tidak ada width/height pada gambar → CLS 0,38 (kategori Poor)

Yang dikerjakan dalam satu minggu:

  1. Konversi semua gambar ke WebP dengan ShortPixel → ukuran turun rata-rata 68%
  2. Aktifkan Cloudflare (gratis) → TTFB turun dari 1,8 detik ke 340ms
  3. Hapus 3 plugin slider, ganti dengan galeri gambar native WordPress
  4. Tambahkan width dan height pada semua tag <img> via fungsi PHP di functions.php
  5. Tambahkan fetchpriority="high" pada gambar pertama setiap halaman listing

Hasil setelah 28 hari (waktu yang dibutuhkan field data Search Console untuk update):

  • LCP: 6,2 detik → 2,1 detik ✅
  • CLS: 0,38 → 0,06 ✅
  • INP: 380ms → 190ms ✅
  • Halaman yang masuk kategori "Good" di Search Console: dari 12% → 71%

Ranking untuk beberapa keyword target naik 4–7 posisi dalam 6 minggu setelah field data terupdate.

Hubungan Core Web Vitals dengan On-Page SEO dan Keyword

Ini yang sering salah dipahami: Core Web Vitals bukan pengganti on-page SEO. Keduanya bekerja bersama.

Google menggunakan sinyal relevansi (keyword, konten, backlink) untuk menentukan apakah halaman Anda layak muncul untuk query tertentu. Setelah itu, kubernetes node monitoring with prometheus menjadi tiebreaker — kalau dua halaman sama-sama relevan, halaman dengan pengalaman pengguna lebih baik yang menang.

Implikasinya untuk strategi Anda:

  • Jangan tunda perbaikan Core Web Vitals sambil menunggu konten "sempurna"
  • Halaman dengan konten bagus tapi CWV buruk bisa kalah dari kompetitor dengan konten biasa tapi situs cepat
  • Perbaikan CWV juga meningkatkan konversi secara langsung — situs cepat = pengguna tidak kabur sebelum baca konten Anda

Prioritas Pertama: Mulai dari LCP Halaman Terpenting Anda

Kalau Anda hanya bisa mengerjakan satu hal minggu ini, lakukan ini:

  1. Buka Google Search Console → Core Web Vitals → klik laporan "Mobile"
  2. Lihat halaman mana yang masuk "Poor" dengan traffic tertinggi
  3. Masukkan URL halaman itu ke PageSpeed Insights
  4. Scroll ke "Largest Contentful Paint element" — screenshot elemen itu
  5. Kompres gambar tersebut ke WebP (pakai Squoosh, gratis) dan tambahkan fetchpriority="high"

Satu perbaikan ini saja, di halaman yang paling banyak dikunjungi, sudah bisa menggerakkan metrik field data Anda dalam 28 hari ke depan.

Core Web Vitals bukan proyek besar yang butuh developer mahal. Ini adalah checklist teknis yang bisa dikerjakan bertahap — dan setiap perbaikan langsung berdampak ke pengalaman pengguna nyata, bukan hanya angka di laporan.