Kecepatan Website = Ranking & Konversi
Core Web Vitals • LCP • INP • CLS • Mobile-First
Website Lambat = Pelanggan Hilang53% pengunjung mobile akan meninggalkan website yang loading lebih dari 3 detik. Di 2026, Google semakin agresif memprioritaskan website cepat. Kecepatan bukan lagi optional - ini mandatory untuk SEO dan konversi.
1. Memahami Core Web Vitals 2026
Core Web Vitals adalah tiga metrik utama Google untuk mengukur user experience. Website dengan skor "Good" di ketiga metrik ini mendapat ranking boost.
Waktu yang dibutuhkan elemen konten terbesar untuk muncul.
Poor: > 4.0s
Responsivitas website terhadap interaksi pengguna (klik, tap).
Poor: > 500ms
Stabilitas visual - seberapa banyak layout bergeser saat loading.
Poor: > 0.25
2. Optimasi Gambar: Penyebab Utama Website Lambat
Gambar menyumbang 50-70% ukuran halaman. Optimasi gambar adalah quick win terbesar untuk meningkatkan LCP.
- 1Gunakan Format Modern (WebP/AVIF) WebP mengurangi ukuran file 25-35% dibanding JPEG/PNG. AVIF bahkan lebih kecil. Gunakan plugin seperti ShortPixel atau Imagify.
- 2Kompresi Gambar Kompres gambar sebelum upload. Tools: TinyPNG, Squoosh, atau ShortPixel. Target ukuran < 100KB per gambar.
- 3Lazy Loading Gambar hanya di-load saat akan masuk viewport. Tambahkan atribut
loading="lazy"pada tag img. - 4Responsive Images Gunakan
srcsetuntuk menyajikan ukuran gambar yang sesuai dengan device pengguna. - 5CDN untuk Gambar Gunakan CDN seperti Cloudflare atau Bunny.net untuk menyajikan gambar dari server terdekat.
3. Optimasi Kode: CSS, JavaScript, HTML
defer.4. Caching & Server Optimization
| Teknik | Deskripsi | Implementasi |
|---|---|---|
| Browser Caching | Simpan file statis di browser pengguna | Set expiry headers via .htaccess |
| Server Caching | Simpan HTML generated di server | Redis, Memcached, Varnish |
| Gzip/Brotli Compression | Kompresi file sebelum dikirim | Enable di server config |
| HTTP/2 atau HTTP/3 | Protokol lebih cepat dari HTTP/1.1 | Enable di server/hosting |
| CDN | Distribusi konten global | Cloudflare, BunnyCDN, KeyCDN |
5. Mobile Optimization: Prioritas Utama
Google menggunakan mobile-first indexing. Artinya, versi mobile website Anda adalah yang utama untuk ranking.
- 1Responsive Design Pastikan website menyesuaikan dengan semua ukuran layar. Tes dengan Chrome DevTools.
- 2Tap Targets Tombol dan link harus cukup besar untuk di-tap (minimal 48x48px).
- 3Font Size Minimal 16px untuk body text agar mudah dibaca tanpa zoom.
- 4Avoid Intrusive Interstitials Hindari popup yang menutupi seluruh layar di mobile.
6. Tools untuk Monitoring Kecepatan
| Tool | Fungsi | Gratis/Bayar |
|---|---|---|
| Google PageSpeed Insights | Analisis performa + Core Web Vitals | Gratis |
| GTmetrix | Analisis detail + waterfall chart | Gratis/Premium |
| WebPageTest | Test dari multiple locations & devices | Gratis |
| Chrome DevTools Lighthouse | Audit langsung di browser | Gratis |
| Google Search Console | Monitoring Core Web Vitals massal | Gratis |
| DebugBear | Monitoring berkala + alert | Premium |
7. Checklist Optimasi Kecepatan Website
Kecepatan website adalah investasi jangka panjang. Website yang cepat tidak hanya disukai Google, tapi juga meningkatkan user experience, menurunkan bounce rate, dan pada akhirnya meningkatkan konversi dan penjualan.
Website Anda Lambat?
Tim teknis SEO Bogor siap mengaudit dan mengoptimasi kecepatan website Anda. Dapatkan audit gratis dan rekomendasi perbaikan.