seokita.id

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

Core Web Vitals 2025: Panduan Teknis untuk Bisnis Indonesia

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

Kesalahan yang Bikin Situs Anda Kalah Ranking Tanpa Disadari

Banyak pemilik bisnis sudah melakukan riset keyword, menulis konten panjang, dan membangun backlink — tapi ranking tetap stagnan. Salah satu penyebab yang sering terlewat: Core Web Vitals yang buruk.

Google secara resmi menggunakan Core Web Vitals sebagai ranking signal sejak 2021, dan di 2025 bobotnya makin signifikan terutama setelah metrik INP (Interaction to Next Paint) menggantikan FID per Maret 2024. Artinya, situs yang lambat atau "melompat" layoutnya bukan hanya bikin pengunjung kabur — tapi secara teknis mendapat penalti lunak di SERP.

Data dari HTTP Archive menunjukkan bahwa kurang dari 40% situs di seluruh dunia lulus threshold "Good" untuk ketiga metrik Core Web Vitals sekaligus. Di Indonesia, angkanya lebih rendah lagi karena rata-rata koneksi mobile yang lebih lambat dan hosting yang sering under-spec.

Artikel ini bukan teori. Anda akan mendapat checklist audit yang bisa dikerjakan hari ini, tools gratis yang digunakan praktisi, dan prioritas perbaikan berdasarkan dampak ranking.

Apa Itu Core Web Vitals dan Kenapa Bisnis Indonesia Harus Peduli

Core Web Vitals terdiri dari tiga metrik utama yang diukur Google dari data pengguna nyata (field data), bukan hanya simulasi lab:

1. LCP — Largest Contentful Paint Waktu yang dibutuhkan elemen terbesar di halaman (biasanya gambar hero atau blok teks utama) untuk tampil. Target: ≤ 2,5 detik.

2. CLS — Cumulative Layout Shift Seberapa banyak elemen halaman "bergeser" saat loading. Misalnya tombol yang tiba-tiba turun karena iklan baru muncul. Target: ≤ 0,1.

3. INP — Interaction to Next Paint Waktu respons halaman saat pengguna klik, tap, atau ketik. Ini metrik terbaru yang menggantikan FID. Target: ≤ 200ms.

Kenapa ini penting khusus untuk pasar Indonesia?

  • Mayoritas traffic mobile. StatCounter mencatat 70%+ pengguna internet Indonesia mengakses via smartphone, sering dengan koneksi 4G yang tidak stabil.
  • Hosting lokal vs. internasional. Banyak bisnis memakai shared hosting murah yang response time-nya tinggi, langsung memperburuk LCP.
  • Persaingan keyword lokal makin ketat. Ketika konten dan backlink dua situs hampir setara, Core Web Vitals bisa jadi penentu siapa yang ada di posisi 3 vs. posisi 7.

Cara Audit Core Web Vitals Situs Anda (Gratis, 15 Menit)

Sebelum memperbaiki, Anda harus tahu kondisi aktual situs. Gunakan dua sumber data ini:

A. Google Search Console — Field Data Nyata

  1. Buka search.google.com/search-console
  2. Di menu kiri, klik "Pengalaman" → "Core Web Vitals"
  3. Lihat laporan untuk Mobile dan Desktop secara terpisah
  4. Klik "Buka Laporan" untuk melihat URL mana yang berstatus "Perlu perbaikan" atau "Buruk"

Catatan penting: Search Console menampilkan field data — artinya data dari pengguna nyata yang mengunjungi situs Anda. Ini lebih relevan untuk SEO dibanding data lab dari tools lain.

B. PageSpeed Insights — Diagnosis Per URL

  1. Buka pagespeed.web.dev
  2. Masukkan URL halaman terpenting (homepage, halaman produk, artikel trafik tertinggi)
  3. Pilih tab Mobile — ini yang digunakan Google untuk indexing
  4. Perhatikan bagian "Diagnose performance issues" — di sini ada rekomendasi spesifik

Screenshot hasil PageSpeed Insights dan simpan sebagai baseline. Anda akan butuh ini untuk membandingkan setelah perbaikan.

Checklist Perbaikan Core Web Vitals: Dari yang Paling Berdampak

Urutan ini berdasarkan dampak ke ranking dan kemudahan implementasi untuk bisnis non-teknis.

✅ Perbaikan LCP (Target: ≤ 2,5 detik)

  • Kompres semua gambar ke format WebP. Gunakan Squoosh.app gratis atau plugin Imagify/ShortPixel jika pakai WordPress. Gambar JPEG 500KB bisa jadi WebP 80KB tanpa kehilangan kualitas visual.
  • Tambahkan atribut fetchpriority="high" pada gambar hero. Ini memberi sinyal ke browser untuk prioritaskan loading gambar terbesar lebih awal.
  • Aktifkan caching browser. Di WordPress, gunakan plugin WP Rocket atau W3 Total Cache. Di cPanel hosting, tambahkan rule .htaccess untuk cache static assets.
  • Gunakan CDN. Cloudflare free plan sudah cukup untuk sebagian besar bisnis Indonesia. CDN mengurangi jarak antara server dan pengguna di Surabaya, Medan, atau Makassar.
  • Upgrade hosting jika response time > 600ms. Cek dengan GTmetrix — lihat metrik "Time to First Byte" (TTFB). Jika merah, hosting adalah bottleneck utama.

✅ Perbaikan CLS (Target: ≤ 0,1)

  • Selalu tentukan dimensi width dan height pada tag <img>. Tanpa ini, browser tidak tahu berapa ruang yang perlu disiapkan, sehingga layout shift terjadi saat gambar load.
  • Hindari iklan tanpa reserved space. Jika situs Anda pakai Google AdSense, set ukuran ad unit secara eksplisit di CSS.
  • Audit font loading. Gunakan font-display: swap agar teks tetap tampil dengan font fallback sambil font kustom loading. Tanpa ini, teks invisible → muncul tiba-tiba → layout shift.
  • Periksa elemen yang muncul dinamis (popup, banner promo, notifikasi). Pastikan tidak mendorong konten yang sudah ada.

✅ Perbaikan INP (Target: ≤ 200ms)

  • Kurangi JavaScript yang berjalan di main thread. Gunakan tab "Coverage" di Chrome DevTools (F12 → Ctrl+Shift+P → ketik "Coverage") untuk melihat JS yang tidak dipakai.
  • Defer atau async JavaScript pihak ketiga. Script live chat, pixel Facebook, atau widget review sering jadi biang keladi INP buruk. Tambahkan atribut defer atau load setelah interaksi pengguna pertama.
  • Audit plugin WordPress. Lebih dari 20 plugin aktif biasanya mulai memengaruhi INP. Nonaktifkan plugin yang tidak krusial untuk halaman utama.
  • Gunakan DebugBear atau Web Vitals Chrome Extension untuk melihat INP secara real-time saat Anda berinteraksi dengan halaman.

Studi Kasus: Toko Online Furnitur Lokal, +34% Traffic Organik dalam 60 Hari

Klien kami di segmen furnitur custom memiliki konten yang bagus dan backlink dari beberapa media desain interior. Tapi ranking untuk keyword utama "meja kerja kayu jati" stagnan di posisi 8–11 selama 4 bulan.

Kondisi awal (dari PageSpeed Insights Mobile):

  • LCP: 6,2 detik (Buruk)
  • CLS: 0,28 (Buruk)
  • INP: 380ms (Perlu perbaikan)

Penyebab yang ditemukan:

  1. Gambar produk berukuran rata-rata 1,2MB dalam format JPEG
  2. Tidak ada dimensi pada tag <img> — semua gambar produk menyebabkan layout shift
  3. 4 plugin live chat dan popup aktif sekaligus, membebani main thread

Perbaikan yang dilakukan (2 minggu):

  1. Konversi semua gambar ke WebP via ShortPixel — rata-rata ukuran turun ke 95KB
  2. Tambah width dan height eksplisit di semua gambar produk via fungsi WordPress
  3. Ganti 4 plugin live chat dengan satu solusi (Crisp), load secara lazy
  4. Aktifkan Cloudflare free plan

Hasil setelah 60 hari (field data dari Search Console):

  • LCP: 2,1 detik (Baik ✅)
  • CLS: 0,06 (Baik ✅)
  • INP: 175ms (Baik ✅)
  • Keyword "meja kerja kayu jati": naik dari posisi 9 ke posisi 4
  • Traffic organik keseluruhan: +34%

Penting dicatat: perbaikan Core Web Vitals bukan satu-satunya faktor. Tapi ini yang membuka "ceiling" ranking yang sebelumnya terhalang.

Tools yang Wajib Ada di Toolkit Anda

Tool Fungsi Harga
Google Search Console Field data CWV per URL Gratis
PageSpeed Insights Diagnosis lab + field data Gratis
GTmetrix TTFB, waterfall chart Gratis (terbatas)
Squoosh.app Kompres gambar ke WebP Gratis
Web Vitals Chrome Extension Monitor CWV real-time Gratis
Cloudflare CDN + caching Gratis (free plan)
WP Rocket Caching & optimasi WordPress Berbayar (~$59/tahun)

Kesalahan Umum yang Harus Dihindari

⚠️ Kesalahan #1: Hanya cek data desktop, abaikan mobile. Google menggunakan mobile-first indexing. Skor desktop yang bagus tidak relevan jika mobile Anda buruk.

⚠️ Kesalahan #2: Percaya 100% pada skor lab, abaikan field data. Skor lab (simulasi) bisa bagus tapi field data dari Search Console buruk. Yang dilihat Google adalah field data.

⚠️ Kesalahan #3: Perbaiki homepage saja. Google mengevaluasi Core Web Vitals per URL. Halaman produk atau artikel yang paling banyak dikunjungi harus diprioritaskan, bukan hanya homepage.

⚠️ Kesalahan #4: Menginstal plugin optimasi tanpa konfigurasi. WP Rocket atau LiteSpeed Cache yang diinstal tapi tidak dikonfigurasi dengan benar bisa justru menyebabkan CLS atau konten tidak ter-load.

Prioritas Pertama yang Harus Dikerjakan Minggu Ini

Jika Anda hanya punya waktu untuk satu hal, lakukan ini:

Buka Google Search Console → Core Web Vitals → Mobile → identifikasi 5 URL dengan status "Buruk".

Kemudian buka URL-URL tersebut di PageSpeed Insights dan lihat rekomendasi teratas. Untuk 80% situs Indonesia, masalah terbesar adalah gambar yang tidak dikompres dan tidak ada dimensi eksplisit — dua hal yang bisa diperbaiki dalam satu hari kerja tanpa developer.

Core Web Vitals bukan tren sesaat. Ini adalah cara Google mengukur apakah situs Anda layak dinikmati pengguna mobile Indonesia yang mengakses dengan koneksi rata-rata. Situs yang lulus threshold ini mendapat keuntungan ranking yang nyata — terutama di persaingan keyword lokal yang makin padat.