Oleh: Tim NEORIX — Praktisi Optimasi AI & Digital
📅 Terakhir diperbarui: Mei 2026


Core Web Vitals adalah tiga metrik kecepatan & pengalaman pengguna yang digunakan Google untuk menentukan peringkat website: LCP (Loading) maksimal 2,5 detik, INP (Interactivity) maksimal 200ms, dan CLS (Visual Stability) maksimal 0,1. Untuk pemilik website Jakarta, skor Core Web Vitals yang baik meningkatkan peringkat Google, konversi, dan mengurangi bounce rate hingga 50%. NEORIX siap membantu optimasi website Anda.

Core Web VitalFungsiTarget Skor BaikDampak jika Buruk
LCP (Largest Contentful Paint)Kecepatan loading konten utama≤ 2,5 detikPengguna pergi (bounce)
INP (Interaction to Next Paint)Responsivitas saat interaksi≤ 200 msPengguna frustasi, konversi turun
CLS (Cumulative Layout Shift)Stabilitas visual (tidak loncat-loncat)≤ 0,1Pengguna salah klik, kesal

💡 “Pemilik website Jakarta, 53% pengguna meninggalkan website jika loading >3 detik. Core Web Vitals bukan hanya teknis, tapi bisnis. NEORIX berbasis di Boyolali, harga optimasi lebih terjangkau dari agensi Jakarta.”


Apa Itu Core Web Vitals dan Mengapa Penting untuk Website Jakarta?

Core Web Vitals adalah serangkaian metrik dari Google yang mengukur pengalaman pengguna di website, fokus pada kecepatan loading, responsivitas, dan stabilitas visual. Mulai 2021, Core Web Vitals menjadi faktor ranking di Google (Page Experience Signal).

Data penting untuk pemilik website Jakarta:

DataSumberImplikasi
53% pengguna tinggalkan website jika loading >3 detikGoogleKecepatan = konversi
70% website di Indonesia tidak lolos Core Web VitalsHTTP ArchivePeluang besar untuk unggul
Website dengan skor Good naik peringkat 30-50%NEORIX internalRanking meningkat drastis
1 detik delay turunkan konversi 7%AmazonKecepatan = revenue
82% pengguna Jakarta akses via mobileAPJII 2025Mobile First adalah prioritas

Mengapa pemilik website Jakarta WAJIB memperhatikan Core Web Vitals:

  • Ranking Google — Core Web Vitals adalah faktor ranking resmi
  • Konversi naik — Website cepat = lebih banyak penjualan
  • Bounce rate turun — Pengguna betah, tidak kabur
  • User experience — Website nyaman digunakan

Mengapa Core Web Vitals Kritis untuk Bisnis di Jakarta 2026?

Data spesifik untuk pemilik website di Jakarta:

FaktorKondisi JakartaDampak ke Website
Kompetisi bisnisSangat tinggiKecepatan adalah diferensiasi
Biaya iklanRp 25.000-100.000/klikWebsite lambat buang budget iklan
Pengguna mobile82% akses via HPCore Web Vitals mobile lebih strict
Kualitas internetVariatif (cepat di pusat, lambat di pinggiran)Website harus ringan untuk semua
Ekspektasi penggunaTinggi (terbiasa dengan super apps)Website lambat = brand buruk

Menurut NEORIX analysis (2026):

  • Website dengan Core Web Vitals “Good” memiliki bounce rate 35% lebih rendah dari “Poor”
  • Website dengan Core Web Vitals “Good” memiliki konversi 25-40% lebih tinggi
  • Website dengan Core Web Vitals “Poor” membuang 30-50% budget Google Ads (karena pengguna klik lalu bounce)

3 Metrik Core Web Vitals yang Wajib Dipahami

1. LCP (Largest Contentful Paint) — Kecepatan Loading Konten Utama

Apa itu LCP: Waktu yang dibutuhkan untuk menampilkan konten terbesar di halaman (biasanya gambar hero, video, atau teks besar).

Skor LCPKategoriDampak
≤ 2,5 detikGood ✅Pengguna tidak sabar menunggu
2,5 – 4 detikNeed Improvement ⚠️Mulai ada yang bounce
> 4 detikPoor ❌50%+ pengguna pergi

Cara memperbaiki LCP:

  • Optimasi gambar (kompres, WebP, lazy loading)
  • Upgrade hosting (gunakan CDN)
  • Hapus resource render-blocking
  • Kurangi ukuran JavaScript/CSS

2. INP (Interaction to Next Paint) — Responsivitas Saat Interaksi

Apa itu INP: Waktu yang dibutuhkan website untuk merespon setelah pengguna berinteraksi (klik, tap, ketik). INP menggantikan FID (First Input Delay) sejak Maret 2024.

Skor INPKategoriDampak
≤ 200 msGood ✅Responsif, nyaman
200 – 500 msNeed Improvement ⚠️Pengguna merasa lag
> 500 msPoor ❌Pengguna frustasi, tinggalkan website

Cara memperbaiki INP:

  • Optimasi JavaScript (code splitting, hapus yang tidak perlu)
  • Gunakan Web Worker untuk task berat
  • Hindari long tasks (>50ms)
  • Optimasi event handlers

3. CLS (Cumulative Layout Shift) — Stabilitas Visual

Apa itu CLS: Skor yang mengukur seberapa sering elemen website bergerak/bergeser saat loading (misal: tombol tiba-tiba pindah, iklan muncul).

Skor CLSKategoriDampak
≤ 0,1Good ✅Stabil, nyaman
0,1 – 0,25Need Improvement ⚠️Kadang bergeser, mengganggu
> 0,25Poor ❌Sering bergeser, pengguna salah klik

Cara memperbaiki CLS:

  • Set width & height untuk gambar/video
  • Reservasi ruang untuk iklan & embed
  • Hindari inject konten di atas existing content
  • Gunakan font display swap

7 Langkah Praktis Memperbaiki Core Web Vitals

Langkah 1: Ukur Core Web Vitals Website Anda

Tools gratis untuk mengukur:

ToolCara PakaiKeunggulan
PageSpeed InsightsMasukkan URL → skor LCP, INP, CLSData langsung dari Google
Google Search ConsoleLihat laporan Core Web VitalsData untuk seluruh halaman
Chrome DevToolsF12 → Lighthouse → Generate reportDetil teknis
Web Vitals ExtensionInstall Chrome extensionPantau real-time

Target: Identifikasi halaman mana yang “Poor”, “Need Improvement”, “Good”.


Langkah 2: Optimasi Gambar (Paling Cepat Berdampak)

Gambar adalah penyebab utama LCP buruk.

Checklist optimasi gambar:

  • Ubah format ke WebP atau AVIF (lebih ringan 25-35% dari JPEG/PNG)
  • Kompres gambar (gunakan TinyPNG, Squoosh, atau ShortPixel)
  • Implementasi lazy loading (loading="lazy")
  • Set width & height untuk semua gambar (mencegah CLS)
  • Gunakan responsive images (srcset untuk berbagai ukuran layar)
  • Hosting gambar di CDN

Contoh implementasi:

html

<!-- Buruk -->
<img src="foto-produk.jpg">

<!-- Baik -->
<img 
  src="foto-produk.webp" 
  width="800" 
  height="600" 
  loading="lazy"
  alt="Produk UMKM Jakarta"
  srcset="foto-produk-400.webp 400w, foto-produk-800.webp 800w"
>

Langkah 3: Upgrade Hosting & Gunakan CDN

Hosting murah sering menjadi penyebab LCP buruk.

Jenis HostingKecepatanRekomendasi
Shared Hosting (Rp 50-150k/bulan)Lambat ❌Tidak recommended
VPS (Rp 200-500k/bulan)Sedang ⚠️Untuk UMKM kecil
Cloud Hosting (Rp 500k-2jt/bulan)Cepat ✅Rekomendasi NEORIX
Dedicated Server (Rp 3-10jt/bulan)Sangat cepat ✅Untuk enterprise

CDN (Content Delivery Network) yang direkomendasikan:

  • Cloudflare (gratis, optimal)
  • Bunny.net (murah, Rp 100-200k/bulan)
  • KeyCDN (pay as you go)

CDN membuat website Anda cepat diakses dari mana saja, termasuk Jakarta dan sekitarnya.


Langkah 4: Kurangi JavaScript & CSS

JavaScript & CSS yang besar menyebabkan LCP dan INP buruk.

Checklist optimasi JS/CSS:

  • Minifikasi JS & CSS (hapus spasi, komentar)
  • Code splitting (bagi JS menjadi beberapa file kecil)
  • Hapus plugin/scripts tidak terpakai
  • Gunakan defer atau async untuk JS non-critical
  • Inline CSS critical (untuk di atas fold)
  • Delay JS non-critical (<script type="lazyload"> atau pakai library)

Contoh implementasi:

html

<!-- Buruk: blocking -->
<script src="large-script.js"></script>

<!-- Baik: async atau defer -->
<script src="critical.js" defer></script>
<script src="non-critical.js" async></script>

Langkah 5: Optimasi Font (Sering Terlupakan)

Font eksternal (Google Fonts, Adobe Fonts) bisa memperlambat LCP.

Tips optimasi font:

  • Gunakan font-display: swap (teks tampil dulu pakai font fallback)
  • Preload font utama (<link rel="preload">)
  • Self-host font (jangan pakai Google Fonts)
  • Batasi jumlah font (maks 2-3 jenis)

Contoh implementasi:

css

/* Di CSS */
@font-face {
  font-family: 'CustomFont';
  src: url('/fonts/custom-font.woff2') format('woff2');
  font-display: swap; /* Kunci! */
}

html

<!-- Preload font utama -->
<link rel="preload" href="/fonts/custom-font.woff2" as="font" crossorigin>

Langkah 6: Set Dimension untuk Gambar, Video, & Embed

Tanpa width & height, CLS akan buruk karena konten bergeser.

Checklist mencegah CLS:

  • Set width dan height untuk semua gambar
  • Set width dan height untuk video
  • Reservasi ruang untuk iklan (set min-height)
  • Reservasi ruang untuk embed YouTube/Instagram
  • Hindari inject konten di atas existing content

Contoh untuk embed YouTube (CLS sering masalah):

html

<!-- Buruk: tidak ada reservasi ruang -->
<iframe src="https://www.youtube.com/embed/xxx"></iframe>

<!-- Baik: bungkus dengan div dengan aspect-ratio -->
<div style="position: relative; padding-bottom: 56.25%; height: 0;">
  <iframe 
    src="https://www.youtube.com/embed/xxx"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
  ></iframe>
</div>

Langkah 7: Implementasi Caching

Caching membuat website lebih cepat untuk pengguna yang kembali.

Jenis CachingFungsiImplementasi
Browser CachingSimpan file di browser penggunaSet Cache-Control header
Server CachingSimpan halaman hasil generateGunakan plugin cache (WP Rocket, W3TC untuk WordPress)
CDN CachingSimpan di server globalCDN (Cloudflare, Bunny)

Contoh .htaccess untuk browser caching:

apache

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType text/javascript "access plus 1 month"
</IfModule>

Tabel Perbandingan — Sebelum vs Sesudah Optimasi Core Web Vitals

AspekSebelum Optimasi (Poor)Sesudah Optimasi (Good)Perubahan
LCP4,5 – 6 detik1,2 – 2 detik60-70% lebih cepat
INP400 – 800 ms80 – 150 ms70-80% lebih responsif
CLS0,25 – 0,50,01 – 0,0580-90% lebih stabil
Bounce Rate60-80%35-50%Turun 15-30%
Konversi0,5-1,5%2-4%Naik 100-300%
Peringkat GoogleHalaman 2-3Halaman 1Naik signifikan
Pengalaman PenggunaFrustasiNyaman+500% kepuasan

Tabel Perbandingan Paket Optimasi Core Web Vitals NEORIX

PaketHarga (sekali/setup)CakupanTarget SkorCocok untuk
StarterRp 1.500.000Audit Core Web Vitals + optimasi gambar + caching + minifikasi JS/CSS (5 halaman)Minimal “Need Improvement”UMKM mikro, website sederhana (5-10 halaman)
BusinessRp 4.500.000Audit + optimasi 20 halaman + upgrade hosting recommendation + CDN setup + font optimization + CLS fixMinimal “Good” (semua metrik)Bisnis berkembang, e-commerce, jasa (20-50 halaman)
DominanceRp 12.000.000Audit + optimasi 100+ halaman + hosting migration + CDN enterprise + full technical SEO + monitoring 3 bulan“Good” 90+ di PageSpeed InsightsEnterprise, website besar, e-commerce kompleks

💡 *”NEORIX berbasis di Boyolali, biaya operasional lebih rendah dari agensi Jakarta. Harga 30-50% lebih murah dengan kualitas sama atau lebih baik.”*


Studi Kasus — Website UMKM Jakarta Naik dari “Poor” ke “Good” dalam 3 Minggu

Klien: Toko Furniture Online “RumahKayu” (Jakarta Timur)
Masalah: Website lambat (loading 7 detik), bounce rate 85%, penjualan turun drastis.

Audit Awal:

MetrikSkorKategori
LCP6,2 detikPoor ❌
INP520 msPoor ❌
CLS0,35Poor ❌
PageSpeed Score28/100Poor

Penyebab:

  • Gambar produk tidak dioptimasi (file size 2-5 MB)
  • Hosting shared murah (server di luar negeri)
  • 15 plugin WordPress tidak terpakai
  • Tidak ada CDN
  • Font dari Google Fonts (render-blocking)

Tindakan NEORIX (3 minggu):

  1. Minggu 1: Kompres 200+ gambar (WebP), hapus 8 plugin, pasang caching plugin
  2. Minggu 2: Migrasi ke cloud hosting (Rp 500k/bulan), pasang Cloudflare CDN, optimasi font
  3. Minggu 3: Fix CLS (set width/height semua gambar), minifikasi JS/CSS, implementasi lazy loading

Hasil Akhir (Minggu 4):

MetrikSkor BaruKategori
LCP1,8 detikGood ✅
INP120 msGood ✅
CLS0,02Good ✅
PageSpeed Score94/100Good
Bounce Rate85% → 42%Turun 43%
Konversi0,5% → 2,8%Naik 460%
Revenue/bulanRp 15jt → Rp 68jtNaik 353%

💡 “Saya kira website saya lambat karena koneksi internet pelanggan. Ternyata salah. Setelah NEORIX optimasi, loading jadi 2 detik, bounce rate turun drastis, dan penjualan naik hampir 5x lipat. Luar biasa!”
— Diana, Owner RumahKayu


FAQ — 30 Pertanyaan Jawaban Langsung untuk Pemilik Website Jakarta

1. Apa itu Core Web Vitals?

Jawaban: Core Web Vitals adalah tiga metrik dari Google yang mengukur kecepatan loading (LCP), responsivitas (INP), dan stabilitas visual (CLS) website. Ini adalah faktor ranking Google sejak 2021.

2. Berapa biaya optimasi Core Web Vitals di NEORIX?

Jawaban: Paket Starter mulai Rp 1.500.000 (sekali setup) untuk optimasi 5 halaman. Paket Business Rp 4.500.000 untuk 20 halaman. Paket Dominance Rp 12.000.000 untuk 100+ halaman.

3. Apakah Core Web Vitals berpengaruh ke ranking Google?

Jawaban: Ya. Core Web Vitals adalah bagian dari Page Experience Signal, salah satu faktor ranking Google. Website dengan skor “Good” cenderung ranking lebih tinggi daripada yang “Poor” dengan konten setara.

4. Berapa lama waktu optimasi Core Web Vitals?

Jawaban: Untuk website kecil (20-50 halaman), NEORIX selesaikan dalam 2-4 minggu. Untuk website besar (100+ halaman), 4-8 minggu.

5. Apakah saya perlu ganti hosting?

Jawaban: Tergantung. Jika hosting shared murah (Rp 50-150k/bulan), biasanya penyebab LCP buruk. NEORIX sarankan upgrade ke cloud hosting minimal Rp 500k/bulan.

6. Apakah NEORIX melayani website dari platform apapun?

Jawaban: Ya. NEORIX melayani optimasi Core Web Vitals untuk WordPress, Shopify, Wix, Squarespace, custom HTML, Laravel, React, dan platform lainnya.

7. Apakah saya bisa mengecek Core Web Vitals sendiri?

Jawaban: Bisa. Gunakan PageSpeed Insights (pagespeed.web.dev) atau Google Search Console → laporan Core Web Vitals. Keduanya gratis.

8. Apa itu LCP dan bagaimana cara memperbaikinya?

Jawaban: LCP (Largest Contentful Paint) adalah waktu loading konten utama. Target ≤2,5 detik. Cara memperbaiki: optimasi gambar, upgrade hosting, gunakan CDN, kurangi JS/CSS.

9. Apa itu INP dan bagaimana cara memperbaikinya?

Jawaban: INP (Interaction to Next Paint) adalah waktu respons website saat diinteraksi. Target ≤200 ms. Cara memperbaiki: optimasi JavaScript, kurangi long tasks, gunakan Web Worker.

10. Apa itu CLS dan bagaimana cara memperbaikinya?

Jawaban: CLS (Cumulative Layout Shift) adalah skor stabilitas visual. Target ≤0,1. Cara memperbaiki: set width/height gambar & video, reservasi ruang untuk iklan/embed.

11. Apakah Core Web Vitals sama dengan PageSpeed Insights?

Jawaban: Tidak persis. Core Web Vitals adalah 3 metrik (LCP, INP, CLS). PageSpeed Insights adalah tool yang menampilkan Core Web Vitals plus metrik lain (FCP, TTI, Speed Index).

12. Apakah website dengan skor “Poor” masih bisa ranking?

Jawaban: Bisa, jika kontennya sangat superior (E-E-A-T tinggi, backlink kuat). Namun, jika konten setara, website dengan “Good” akan ranking lebih tinggi.

13. Berapa pengaruh Core Web Vitals ke konversi?

Jawaban: Menurut NEORIX analysis, perbaikan dari “Poor” ke “Good” meningkatkan konversi 25-40% dan menurunkan bounce rate 15-30%.

14. Apakah gambar format WebP wajib?

Jawaban: Tidak wajib, tetapi sangat direkomendasikan. WebP 25-35% lebih ringan dari JPEG/PNG dengan kualitas sama. Google juga merekomendasikan WebP atau AVIF.

15. Apakah CDN diperlukan?

Jawaban: Untuk website dengan audiens nasional/internasional, CDN sangat membantu. Cloudflare menyediakan CDN gratis yang cukup untuk UMKM.

16. Berapa budget hosting yang direkomendasikan untuk UMKM Jakarta?

Jawaban: Minimal Rp 500k/bulan untuk cloud hosting (misal: DigitalOcean, Vultr, AWS Lightsail) dengan server di Singapura atau Jakarta. Hindari shared hosting murah.

17. Apakah NEORIX memberikan garansi perbaikan Core Web Vitals?

Jawaban: Ya. NEORIX memberikan garansi bahwa setelah optimasi, skor Core Web Vitals website Anda akan minimal “Good” (LCP ≤2,5, INP ≤200ms, CLS ≤0,1) untuk halaman yang dioptimasi.

18. Apakah plugin WordPress bisa menyebabkan Core Web Vitals buruk?

Jawaban: Sangat bisa. Banyak plugin (terutama page builder seperti Elementor, Divi) menambahkan JavaScript & CSS besar yang memperlambat website. NEORIX audit dan hapus plugin tidak perlu.

19. Apakah Google Fonts memperlambat website?

Jawaban: Bisa. Google Fonts adalah eksternal request yang bisa memperlambat LCP. Solusi: self-host font atau gunakan font-display: swap.

20. Apakah saya perlu optimasi Core Web Vitals untuk mobile?

Jawaban: Wajib. Google menggunakan Core Web Vitals mobile untuk ranking (mobile-first indexing). 82% pengguna Jakarta akses via HP. Optimasi untuk mobile adalah prioritas.

21. Apakah NEORIX melayani pemilik website di luar Jakarta?

Jawaban: Ya. NEORIX melayani seluruh Indonesia, termasuk Bandung, Surabaya, Medan, Makassar, dan kota lainnya. Proses online via Zoom/Google Meet/WhatsApp.

22. Apa perbedaan Core Web Vitals dengan SEO?

Jawaban: Core Web Vitals adalah bagian dari technical SEO. SEO lebih luas (on-page, off-page, konten). Core Web Vitals spesifik ke kecepatan & pengalaman pengguna.

23. Berapa lama Google memperbarui data Core Web Vitals?

Jawaban: Google Search Console memperbarui laporan Core Web Vitals setiap 28 hari (rolling). PageSpeed Insights memberi data real-time.

24. Apakah iklan Google (AdSense) mempengaruhi Core Web Vitals?

Jawaban: Bisa. Iklan sering menjadi penyebab CLS (lambat loading, layout shift). Solusi: simpan ruang untuk iklan (set min-height, reservasi area).

25. Apa itu Cumulative Layout Shift (CLS)?

Jawaban: CLS mengukur seberapa sering elemen website bergerak/bergeser saat loading. Contoh: tombol “Beli” tiba-tiba pindah karena gambar loading. CLS target ≤0,1.

26. Apakah saya perlu optimasi Core Web Vitals jika traffic kecil?

Jawaban: Ya. Core Web Vitals mempengaruhi ranking Google, yang mempengaruhi traffic organik. Website lambat tidak akan naik peringkat, traffic tetap kecil.

27. Apakah ada alternatif selain optimasi manual?

Jawaban: Gunakan plugin seperti WP Rocket (WordPress, US$59/tahun), NitroPack, atau FlyingPress. Tapi untuk hasil optimal, lebih baik optimasi manual oleh expert (seperti NEORIX).

28. Apakah NEORIX punya pengalaman dengan berbagai CMS?

Jawaban: Ya. NEORIX telah mengoptimasi Core Web Vitals untuk website dengan platform: WordPress (30+ site), Shopify (5 site), Custom HTML/CSS/JS (10+ site), Laravel (3 site).

29. Apakah ada diskon untuk pemilik website Jakarta?

Jawaban: Ya. Untuk 10 pemilik website Jakarta pertama yang menghubungi dengan kode promo “CWVJAKARTA2026”, NEORIX memberikan diskon 20% untuk semua paket optimasi Core Web Vitals.

30. Bagaimana cara memesan jasa optimasi Core Web Vitals di NEORIX?

Jawaban: Hubungi WhatsApp 0822-2595-0367 dengan format: “Halo NEORIX, saya tertarik optimasi Core Web Vitals untuk website [nama website/domain] di Jakarta. Kode promo: CWVJAKARTA2026”. Tim NEORIX akan merespon dalam <30 menit untuk jadwal konsultasi gratis.


Kesimpulan & Call to Action

3 Poin Utama untuk Pemilik Website Jakarta:

  • Core Web Vitals adalah faktor ranking Google dan kunci pengalaman pengguna. Website dengan LCP ≤2,5 detik, INP ≤200ms, CLS ≤0,1 akan ranking lebih tinggi, bounce rate turun, konversi naik 25-40%.
  • Masalah utama website Jakarta: gambar tidak dioptimasi, hosting murah, dan plugin berlebihan. Tiga hal ini bisa diperbaiki dalam 2-4 minggu dengan biaya terjangkau.
  • Mulai dari audit gratis. NEORIX menawarkan konsultasi gratis untuk mengecek skor Core Web Vitals website Anda. Tidak ada kewajiban.

🎁 BONUS UNTUK 10 PEMILIK WEBSITE JAKARTA PERTAMA

Kode promo: CWVJAKARTA2026

✅ Free Core Web Vitals Audit — Laporan lengkap skor LCP, INP, CLS website Anda + rekomendasi perbaikan (nilai Rp 800.000)
✅ Free 30-Minute Consultation — NEORIX jelaskan hasil audit dan prioritas optimasi
✅ Diskon 20% untuk semua paket optimasi — Mulai dari Rp 1.200.000 (setelah diskon)
✅ Bonus 1 bulan monitoring — Pantau skor Core Web Vitals setelah optimasi

Syarat: Untuk 10 pemilik website Jakarta pertama yang menghubungi sebelum 30 Juni 2026.


📱 Hubungi NEORIX Sekarang: