Pernahkah Anda melihat skor PageSpeed website bisnis Anda sudah hijau, tapi pengunjung tetap pergi sebelum halaman selesai dimuat?
Atau mungkin Anda sudah pernah mendengar istilah Core Web Vitals, tapi belum yakin apakah angka-angka itu benar-benar berdampak ke penjualan dan konversi?
Saya paham kebingungan itu. Banyak pemilik bisnis yang fokus ke skor lab, sementara yang sebenarnya penting adalah pengalaman pengunjung di lapangan.
Padahal keduanya saling terkait. Website yang lambat tidak hanya bikin pengunjung kesal, tapi juga bisa menggerus omzet Anda sedikit demi sedikit.
Amazon pernah menemukan bahwa setiap peningkatan waktu loading sebesar 100 milidetik bisa menurunkan penjualan sekitar 1%. Angka kecil di atas kertas, tapi kalau omzet Anda besar, dampaknya tidak kecil.
Di Indonesia, proporsinya sama. Bayangkan bisnis online dengan omzet Rp 10 miliar per tahun. Penurunan konversi 2% karena website lambat saja sudah berarti kehilangan sekitar Rp 200 juta setahun. Cukup untuk renovasi kantor atau investasi marketing yang lebih serius.
Yang sering saya lihat di lapangan: pemilik bisnis tidak sadar website mereka sedang kehilangan peluang setiap hari, karena masalahnya tidak terlihat dramatis di homepage.
Inilah mengapa Google memperkenalkan Core Web Vitals, serangkaian metrik yang mengukur pengalaman pengguna website secara objektif. Bukan sekadar angka teknis untuk developer, tapi indikator yang berkorelasi langsung dengan performa bisnis: tingkat konversi, bounce rate, dan pada akhirnya pendapatan.
Di artikel ini, saya akan jelaskan bagaimana Core Web Vitals berdampak ke bisnis Anda, lengkap dengan studi kasus nyata dari klien kami, PT Zumatic Saka Persada, yang berhasil meningkatkan performa mobile hingga 75,47%.
Sejak Maret 2024, Google resmi mengganti First Input Delay (FID) dengan Interaction to Next Paint (INP) sebagai salah satu Core Web Vitals. Perubahan ini bukan sekadar update teknis. Google menyesuaikan metrik ini karena website modern sekarang jauh lebih interaktif daripada dulu.
Tiga pilar Core Web Vitals:
Data menunjukkan bahwa hampir 600.000 website yang sebelumnya lulus Core Web Vitals tiba-tiba gagal ketika INP menggantikan FID. INP memang lebih ketat dalam mengukur responsivitas website, dan itu langsung berkaitan dengan pengalaman pengguna serta tingkat konversi.
Batas optimal untuk performa bisnis:
| Metrik | Good | Needs Improvement | Poor |
|---|---|---|---|
| LCP | ≤ 2.5 detik | 2.5-4.0 detik | > 4.0 detik |
| INP | ≤ 200 ms | 200-500 ms | > 500 ms |
| CLS | ≤ 0.1 | 0.1-0.25 | > 0.25 |
Meskipun Google menegaskan bahwa Core Web Vitals bukan faktor peringkat yang dominan, John Mueller dari Google pernah bilang metrik ini “more than just a tie-breaker.” Artinya, ketika konten dan relevansi setara dengan kompetitor, Core Web Vitals bisa jadi penentu peringkat.
Tapi menurut saya, dampak langsung ke perilaku pengunjung jauh lebih penting daripada peringkat saja:
Groupe Renault (2024)
Setelah menganalisis 10 juta kunjungan, Groupe Renault menemukan korelasi kuat antara Largest Contentful Paint dan tingkat konversi. Setiap peningkatan LCP 1 detik berkontribusi pada:
Vodafone (2024)
Dengan menguji dua halaman yang identik secara visual dan fungsional, tapi berbeda 31% dalam skor LCP, Vodafone menemukan:
Sekarang saya bawa Anda ke contoh nyata dari proyek yang kami tangani di tahun 2024: PT Zumatic Saka Persada.
Kondisi awal (sebelum optimasi):
| Metrik | Mobile | Desktop |
|---|---|---|
| Performance Score | 53 | 81 |
| Accessibility | 93 | 98 |
| Best Practices | 96 | 96 |
| SEO | 85 | 85 |
Tes kecepatan browser (sebelum):
Hasil setelah optimasi:
| Metrik | Mobile | Desktop | Peningkatan |
|---|---|---|---|
| Performance Score | 93 | 100 | 75.47% (Mobile) |
| Accessibility | 100 | 100 | 7.53% (Mobile) |
| Best Practices | 100 | 100 | 4.17% |
| SEO | 100 | 100 | 17.65% |
Tes kecepatan browser (sesudah):
Kalau Anda punya tim teknis atau ingin memahami apa yang biasanya kami lakukan di proyek seperti ini, berikut rincian praktisnya.
Target: ≤ 2.5 detik
Strategi utama:
A. Optimasi gambar
<!-- Prioritaskan gambar LCP -->
<img src="hero-image.webp"
fetchpriority="high"
alt="Hero Image"
width="1200"
height="600">B. Prioritas resource penting
C. Hosting dan CDN
Upgrade infrastruktur hosting bisa memberi peningkatan yang terasa jelas. Saya biasanya menyarankan VPS Hosting kalau Anda serius ingin website bisnis dengan performa yang konsisten.
Target: ≤ 200 ms
Teknik yang relevan untuk 2025:
A. Long Animation Frames (LoAF) API
// Pantau long animation frames
if ('PerformanceObserver' in window) {
const observer = new PerformanceObserver((list) => {
for (const entry of list.getEntries()) {
if (entry.duration > 50) {
console.log('Long animation frame detected:', entry);
}
}
});
observer.observe({entryTypes: ['long-animation-frame']});
}B. Pengurangan ukuran DOM
C. Optimasi JavaScript
Target: ≤ 0.1
Implementasi praktis:
A. Cadangkan ruang untuk konten dinamis
.ad-container {
min-height: 250px; /* Cadangkan ruang untuk iklan */
width: 300px;
}
.image-placeholder {
aspect-ratio: 16/9; /* Cegah layout shift */
background-color: #f0f0f0;
}B. Optimasi loading font
@font-face {
font-family: 'CustomFont';
src: url('custom-font.woff2') format('woff2');
font-display: swap; /* Cegah teks tidak terlihat */
}C. Dimensi gambar yang jelas
<!-- Selalu tentukan dimensi -->
<img src="image.jpg"
width="400"
height="300"
alt="Description">1. Google PageSpeed Insights
2. Google Search Console
3. Web Vitals Chrome Extension
4. Monitoring lanjutan
Untuk kebutuhan monitoring yang lebih dalam, Anda bisa pertimbangkan:
John Mueller dari Google pernah bilang: “It’s not worth over-focusing on tweaking the scores just for SEO. Getting those last few percent can be a ton of work… but it’s not going to make your site’s rankings jump up.”
Saya setuju dengan nasihat itu. Fokus Anda sebaiknya:
Sebelum mulai optimasi, saya sarankan Anda lakukan audit seperti yang kami lakukan untuk PT Zumatic:
1. Analisis kondisi saat ini
2. Matriks prioritas
3. Roadmap implementasi
Optimasi DIY cocok jika:
Bantuan profesional lebih tepat jika:
Dalam kasus PT Zumatic, keputusan melibatkan ahli profesional memberikan hasil yang jelas: bukan hanya perbaikan teknis, tapi juga perbaikan proses dan perencanaan jangka panjang.
Di Harun Studio, kami membantu optimasi Core Web Vitals lewat beberapa layanan:
WordPress Hosting dengan Personal Support (mulai Rp 250.000/bulan)
Jasa Mempercepat Loading WordPress
Jasa Konversi Website ke Blocks WordPress (mulai Rp 5.000.000)
Jasa Migrasi WordPress ke Astro (mulai Rp 7.000.000)
Jasa Redesign Website (mulai Rp 8.000.000)
Jasa Pembuatan Website untuk Bisnis (mulai Rp 5.000.000)
Setiap website punya tantangan dan peluang yang berbeda. Yang berhasil untuk PT Zumatic mungkin perlu disesuaikan untuk kondisi website Anda.
Audit performa gratis kami mencakup:
Hubungi kami untuk konsultasi gratis. Kami biasanya merespons via WhatsApp dalam waktu kurang dari 10 menit di jam kerja, tanpa kewajiban lanjut.
Jangan biarkan website lambat menghambat bisnis Anda. Seperti yang terlihat di proyek PT Zumatic, investasi pada Core Web Vitals bukan sekadar perbaikan teknis. Ini keputusan bisnis yang langsung terasa di pengalaman pengunjung dan tingkat konversi.
Apakah Anda siap mengevaluasi website Anda dan melihat seberapa jauh performanya bisa ditingkatkan?
Founder Harun Studio & web developer, blogger, serta hosting reviewer. Telah membantu pemilik bisnis meraih kesuksesan dengan design, development dan maintenance sejak 2021.
Baca juga insight lain yang masih relevan dengan topik ini.
OPTIMASI Website cepat tidak selalu berarti skor PageSpeed harus 100. Pelajari perbedaan antara Core Web Vitals dan PageSpeed Insights, kenapa keduanya sering disalahpahami, dan bagaimana membaca metrik performa dengan lebih tepat.
Baca Artikel
OPTIMASI Skor PageSpeed hijau belum tentu berarti website benar-benar cepat di tangan user. Pelajari kenapa website masih bisa terasa lambat meski hasil tes terlihat bagus.
Baca Artikel
OPTIMASI Website lambat, sering error, dashboard berat, dan support hosting tidak membantu? Bisa jadi masalahnya bukan di WordPress Anda, tetapi di fondasi hosting yang sudah tidak cocok lagi.
Baca Artikel