Berapa target Core Web Vitals yang baik?

Google merekomendasikan status 'good' di 75th percentile field data: LCP ≤ 2,5 detik, INP ≤ 200 milidetik, CLS ≤ 0,1. Di atas threshold 'needs improvement' atau 'poor', halaman berisiko kehilangan edge ranking dan konversi — terutama di mobile. Lab score PageSpeed Insights membantu diagnosa, tapi CrUX field data yang dipakai untuk evaluasi ranking.

Apakah Core Web Vitals penting untuk AI visibility?

Tidak langsung sebagai sinyal GEO, tapi halaman lambat atau tidak ter-render baik sulit di-crawl dan meninggalkan kesan buruk pada user — termasuk saat mereka mengklik dari jawaban AI ke website kamu. Technical SEO tetap prasyarat discoverability. Tanpa CWV layak, investasi konten answer-first dan GEO kehilangan ROI karena bounce rate tinggi.

Mengapa mobile lebih kritis di Indonesia?

Mayoritas traffic web Indonesia dari smartphone — sering di atas 70% untuk e-commerce dan lead-gen. Koneksi 4G tidak stabil di jam sibuk membuat LCP tinggi dan INP buruk langsung terasa: bounce rate naik, form abandonment naik, chat widget tidak responsif. Optimasi mobile-first bukan opsi untuk bisnis yang target pasar domestik.

Tools apa untuk cek Core Web Vitals?

PageSpeed Insights untuk lab score + field CrUX, Google Search Console Core Web Vitals report untuk grup URL bermasalah, dan WebPageTest untuk diagnosa mendalam dengan throttling 4G. Field data CrUX lebih representatif untuk ranking karena berasal dari user nyata Chrome — bukan simulasi WiFi kantor.

Berapa lama hasil perbaikan CWV terlihat?

Perbaikan lab score bisa langsung terlihat setelah deploy. Field data CrUX diperbarui dalam siklus 28 hari — artinya kamu butuh sabar 4–8 minggu sebelum status GSC berubah. Prioritaskan template yang dipakai 80% halaman (header, font, hero) karena satu fix layout sering memperbaiki ratusan URL sekaligus.

Core Web Vitals untuk bisnis Indonesia: LCP, INP, CLS praktis 2026

Q: Apa itu Core Web Vitals?

Core Web Vitals adalah tiga metrik kecepatan dan stabilitas visual yang diukur Google: LCP (kecepatan muat konten utama), INP (respons interaksi), dan CLS (stabilitas layout). Ketiganya menjadi bagian dari page experience ranking signals sejak 2021 dan terus relevan di 2026 sebagai indikator apakah halaman layak di-rank dan di-crawl efisien.

Form lead kamu sudah rapi, copy-nya persuasif, tapi 6 dari 10 pengunjung mobile keluar sebelum form kebuka. Bukan karena produk jelek — halaman butuh 4,2 detik baru tampil hero image, lalu banner cookie mendorong tombol CTA ke bawah layar. Itu bukan masalah branding. Itu Core Web Vitals buruk yang menghabiskan budget marketing.

Core Web Vitals (CWV) adalah tiga metrik yang Google pakai menilai apakah halaman kamu cepat, responsif, dan stabil — faktor page experience yang mempengaruhi ranking organik. Untuk bisnis Indonesia dengan traffic mobile dominan, CWV bukan vanity metric: lambat = kehilangan lead. Oura Works memasukkan technical health ke setiap Mini Audit sebelum strategi konten atau GEO.

Menurut Google (2024), INP menggantikan FID sebagai metrik interaksi — mengukur respons terburuk dari seluruh interaksi halaman, bukan hanya first input. Di pasar mobile Indonesia, INP sering jadi bottleneck yang lebih keras daripada LCP.

Apa itu Core Web Vitals?

Core Web Vitals adalah tiga metrik inti page experience yang Google evaluasi dari field data pengguna nyata (CrUX), bukan sekadar test lab:

| Metrik | Mengukur | Target “Good” (75th percentile) | |--------|----------|-------------------------------| | LCP (Largest Contentful Paint) | Kecepatan konten utama tampil | ≤ 2,5 detik | | INP (Interaction to Next Paint) | Respons klik/tap/form | ≤ 200 ms | | CLS (Cumulative Layout Shift) | Layout “loncat” saat load | ≤ 0,1 |

Diagram tiga metrik Core Web Vitals LCP, INP, dan CLS dengan threshold good di 75th percentile field data CrUX — Gambar 1: Tiga metrik CWV — LCP (muat konten utama), INP (respons interaksi), CLS (stabilitas layout) dengan target good Google.

INP menggantikan FID sebagai metrik interaksi sejak 2024. Google menilai berdasarkan 75th percentile field data — artinya 75% kunjungan harus memenuhi threshold, bukan hanya satu test dari kantor kamu dengan WiFi kencang.

Definisi singkat: CWV menjawab tiga pertanyaan user — “Kapan saya bisa baca?” (LCP), “Apakah tombol merespons?” (INP), “Apakah layout stabil?” (CLS).

Kenapa CWV kritis untuk bisnis Indonesia?

Diagram dampak CWV buruk di Indonesia: traffic mobile dominan, koneksi 4G variabel, third-party berat, dan hosting jauh memperparah LCP dan INP — Gambar 2: CWV kritis di Indonesia — mayoritas sesi mobile dengan koneksi 4G variabel; lambat langsung menghabiskan budget marketing.

Faktor yang memperparah di pasar domestik:

| Faktor | Dampak ke CWV | Contoh Indonesia | |--------|---------------|------------------| | Mobile-first traffic | LCP + INP lebih kritis | E-commerce fashion >75% mobile | | Koneksi variabel | LCP sensitif | 4G padat di Jakarta jam pulang | | Third-party berat | INP melonjak | GTM + chat widget + pixel ads | | Hosting jauh | TTFB tinggi | Server US/EU tanpa CDN Asia |

Halaman yang “bagus di WiFi kantor” sering gagal di lapangan — inilah yang CrUX ukur. Brand kosmetik D2C yang kami audit di Tangerang punya lab score 85, tapi field LCP 3,8 detik karena hero image 1,8 MB tanpa kompresi dan font blocking render.

Hosting dan CDN untuk pasar Indonesia

Lokasi server mempengaruhi TTFB — fondasi LCP:

| Setup hosting | TTFB tipikal ke Jakarta | Rekomendasi | |---------------|------------------------|-------------| | Server US East tanpa CDN | 250–400 ms | Tambah CDN wajib | | Singapore (AWS/GCP) | 40–80 ms | Ideal untuk ID | | Indonesia (Biznet/DCI) | 20–50 ms | Terbaik untuk TTFB | | Shared hosting oversold | 400–800 ms | Migrasi prioritas |

CDN edge Asia (Cloudflare, Bunny, AWS CloudFront) meng-cache asset statis dekat user. Untuk HTML dinamis WordPress, pertimbangkan full-page cache + object cache Redis. Biaya CDN $10–30/bulan sering ROI positif dalam satu bulan kalau form abandonment turun 15%.

Target CWV yang harus kamu kejar

Jangan kejar skor 100 PageSpeed pada WordPress Elementor penuh widget — fokus field CWV good dan konversi.

| Status | LCP | INP | CLS | Implikasi | |--------|-----|-----|-----|-----------| | Good | ≤ 2,5s | ≤ 200ms | ≤ 0,1 | Page experience aman | | Needs improvement | 2,5–4,0s | 200–500ms | 0,1–0,25 | Risiko ranking + bounce | | Poor | > 4,0s | > 500ms | > 0,25 | Prioritas fix segera |

Checklist baseline minggu 1:

Cek PageSpeed Insights — homepage + 3 halaman konversi
Buka GSC → Core Web Vitals report — catat grup URL “poor”
Identifikasi template bersama (header, footer, font) — fix sekali, dampak banyak halaman
Uji di throttled 4G, bukan hanya desktop WiFi

SOP perbaikan LCP — langkah demi langkah

LCP mengukur kapan elemen terbesar di viewport selesai di-render — biasanya hero image, video, atau heading besar.

Penyebab umum LCP buruk:

Hero image besar tanpa kompresi
Server TTFB lambat (>600 ms)
CSS/JS render-blocking
Font web tanpa font-display: swap

SOP perbaikan LCP:

| Langkah | Aksi | Owner | |---------|------|-------| | 1 | Identifikasi LCP element via PSI | Dev / SEO | | 2 | Kompres ke WebP/AVIF, set width/height | Dev | | 3 | Tambah fetchpriority="high" pada LCP image | Dev | | 4 | CDN edge Asia + caching HTML static | DevOps | | 5 | Critical CSS inline untuk above-the-fold | Dev | | 6 | Jangan lazy load LCP image | Dev |

Contoh: marketplace UMKM di Semarang mengganti hero PNG 2,1 MB dengan WebP 180 KB + CDN Cloudflare — field LCP turun dari 4,1s ke 2,3s dalam satu sprint. Perubahan konversi mobile: +19% form completion dalam 60 hari.

Untuk Astro/static site seperti ouraworks.com: static generation + asset pipeline Sharp sudah ideal baseline. WordPress butuh disiplin plugin dan tema — lihat tabel realistis di bawah.

SOP perbaikan INP — interaksi yang terasa macet

INP mengukur respons interaksi terburuk. Penyebab sering di site Indonesia:

JavaScript bundle besar (React hydration berat)
Event handler pada scroll tanpa debounce
Third-party script (GTM memuat 10+ tag sekaligus)
Chat widget load di <head>

Checklist perbaikan INP:

Code-split — muat JS per route, bukan satu bundle 500 KB
Audit GTM — hapus tag tidak dipakai, trigger lazy load untuk non-critical
Defer non-critical JS — jangan defer script yang dibutuhkan interaksi awal
Prefer CSS animation over JS layout thrashing
Test di device mid-range Android — Samsung A-series, bukan flagship

| Third-party | Risiko INP | Alternatif | |-------------|-----------|------------| | Heatmap (Hotjar) | Tinggi | Sample 10% traffic | | Chat widget | Sedang–tinggi | Load setelah LCP | | Ads pixel | Sedang | Server-side tagging | | A/B testing | Tinggi | Edge experiment |

SOP perbaikan CLS — layout yang tidak “melompat”

CLS mengukur pergeseran layout tak terduga — user mau klik tombol, tiba-tiba banner muncul dan mereka klik iklan.

Penyebab CLS:

Gambar tanpa dimensi → teks turun saat gambar load
Banner cookie/ads inject height setelah render
Font swap mengubah line height
Skeleton loader yang tidak match ukuran konten akhir

Checklist perbaikan CLS:

Selalu width + height atau aspect-ratio pada media
Reserve space untuk ad slot, sticky bar, cookie banner
font-display: optional atau swap dengan metric-matched fallback
Hindari inject konten di atas fold setelah load
Test dengan slow 3G — CLS sering tidak terlihat di WiFi

Contoh: portal berita lokal yang inject ad slot tanpa reserved height punya CLS 0,34 — user sering mis-tap link iklan. Setelah min-height pada slot dan lazy load ad below-fold, CLS turun ke 0,06.

CWV vs SEO vs GEO — peran masing-masing

| Lapisan | Peran CWV | Tanpa CWV good | |---------|-----------|----------------| | SEO | Direct ranking signal (page experience) | Ranking cap, crawl inefficiency | | AEO | Halaman cepat = crawl budget efisien | Passage tidak ter-index optimal | | GEO | Indirect — halaman harus accessible & trustworthy | User bounce dari link AI, trust turun |

CWV tidak menggantikan konten answer-first dari panduan SEO bisnis, tapi menghalangi jika technical broken. Urutan investasi yang masuk akal: perbaiki CWV poor dulu → scale konten → optimasi AI visibility. Detail perbandingan lapisan di beda SEO, AEO, dan GEO.

Workflow audit CWV — SOP Oura Atlas

Ini workflow yang kami jalankan di proses Oura dan dokumentasikan lewat Oura Atlas:

Langkah 1 — Baseline PSI. URL homepage + 3 halaman konversi (layanan, kontak, checkout). Catat LCP element dan third-party yang dominan.

Langkah 2 — GSC CWV report. Export grup URL “poor” dan “needs improvement”. Prioritaskan template, bukan URL satu per satu.

Langkah 3 — Root cause per metrik. LCP = asset/server; INP = JS/third-party; CLS = layout/font. Jangan pakai plugin “speed” yang defer semua JS — sering merusak INP justru.

Langkah 4 — Deploy fix → tunggu 28 hari. CrUX refresh butuh satu siklus penuh. Jangan panik jika lab score sudah bagus tapi field belum berubah minggu pertama.

Langkah 5 — Verifikasi konversi. Lacak bounce rate mobile, form completion, dan scroll depth — CWV good tanpa uplift konversi berarti bottleneck di tempat lain (copy, offer, UX flow).

| Fase | Durasi | Output | |------|--------|--------| | Audit | Minggu 1 | Prioritas fix per metrik | | Sprint fix | Minggu 2–4 | Deploy template-level | | Validasi CrUX | Minggu 5–8 | Status GSC berubah | | Loop | Bulanan | Regresi check via Atlas |

Diagram workflow audit CWV 5 langkah: baseline PSI, laporan GSC, root cause per metrik, deploy fix, dan verifikasi konversi — Gambar 3: Workflow audit CWV — dari baseline PSI hingga validasi CrUX 28 hari dan loop monitoring berkelanjutan.

Target realistis per tipe website Indonesia

Jangan janji “100 PageSpeed” pada stack yang secara arsitektur berat. Targetkan field CWV good yang achievable:

| Tipe site | LCP realistis 90 hari | Catatan | |-----------|----------------------|---------| | Static / Astro | < 2,0 s | Best case, minimal JS | | WordPress + cache | 2,0–2,8 s | Butuh disiplin plugin | | WordPress + Elementor berat | 2,8–4,0 s | Butuh redesign komponen | | SPA React tanpa SSR | Sering > 4 s | Pertimbangkan hybrid/SSR |

Contoh trade-off: SaaS B2B di Jakarta memilih tetap di WordPress Elementor karena tim marketing self-serve. Target realistis: LCP 2,6s (good), bukan 1,5s. Budget dialokasikan ke kompresi asset + CDN, bukan rewrite full stack — ROI lebih cepat.

Cara monitoring CWV berkelanjutan

Checklist monitoring bulanan:

| Cek | Frekuensi | Tool | Action jika gagal | |-----|-----------|------|-------------------| | Field CWV status | Mingguan | GSC CWV report | Identifikasi regresi | | Lab score halaman konversi | Per deploy | PageSpeed Insights | Block deploy jika LCP > 3s | | Third-party audit | Bulanan | GTM preview + coverage | Hapus tag dormant | | Konversi mobile | Bulanan | GA4 segment mobile | Korelasi dengan CWV trend | | Asset size budget | Per upload | DevTools network | Max 200 KB hero mobile |

Regresi CWV paling sering terjadi setelah: install plugin baru, tambah popup marketing, ganti font tema, atau embed video autoplay di homepage. Buat policy: setiap perubahan front-end butuh PSI check sebelum publish.

Contoh: e-commerce elektronik di Medan install popup exit-intent + heatmap di bulan yang sama. INP naik dari 180ms ke 340ms dalam 3 minggu — tidak karena server, tapi karena JS tambahan. Rollback popup, INP kembali good. Tanpa monitoring rutin, tim marketing mengira masalah di copy produk.

Kesalahan umum saat optimasi CWV

Hanya optimasi lab score, abaikan CrUX — ranking pakai field data
Plugin “speed” yang defer semua JS — INP malah memburuk
Gambar 2MB di hero mobile — killer LCP #1 di audit kami
Tidak uji di throttled 4G — false confidence dari WiFi kantor
Fix per URL, bukan per template — tidak scalable
Abaikan third-party — GTM dengan 15 tag aktif = INP guaranteed poor

Kapan butuh bantuan profesional?

CWV bisa dikerjakan internal jika tim dev punya akses ke hosting, tema, dan GTM. Tapi biasanya butuh bantuan eksternal ketika:

Status GSC “poor” di 50+ URL dan tidak tahu root cause
INP buruk meski lab score hijau — butuh profiling JS
WordPress + page builder berat yang butuh redesign komponen, bukan plugin lagi
CWV menghambat SEO bisnis dan konversi di traffic signifikan

Oura Starter mencakup baseline technical termasuk CWV audit. Oura Growth untuk site dengan traffic signifikan yang CWV-nya menghambat SEO + konversi — dengan loop monitoring lewat Oura Atlas.

Mulai dari Mini Audit — kami identifikasi apakah masalahmu LCP, INP, CLS, atau kombinasi — dengan prioritas ROI, bukan checklist plugin sembarang.

Referensi: Google — Core Web Vitals; web.dev — INP (2024); Google Search Central — Page Experience; Chrome UX Report (CrUX).