Cara Meningkatkan Kecepatan Website: Panduan Core Web Vitals untuk Pemula

Pengunjung tidak sabar. Jika sebuah halaman terasa lambat, banyak orang langsung menekan tombol kembali. Kecepatan website memengaruhi kepuasan pengguna, tingkat konversi, dan juga peringkat di mesin pencari.

Google mengukur pengalaman ini lewat metrik yang disebut Core Web Vitals. Mari kita pahami dengan bahasa sederhana.

Apa Itu Core Web Vitals?

Core Web Vitals adalah tiga metrik utama yang mengukur pengalaman pengguna nyata di sebuah halaman:

1. LCP (Largest Contentful Paint): Kecepatan Memuat

Mengukur waktu hingga elemen terbesar di layar, biasanya gambar utama atau judul, selesai tampil.

• Baik: 2,5 detik atau kurang.

2. INP (Interaction to Next Paint): Responsivitas

Mengukur seberapa cepat halaman merespons interaksi pengguna, seperti klik, ketukan, atau ketikan. INP menggantikan metrik lama FID.

• Baik: 200 milidetik atau kurang.

3. CLS (Cumulative Layout Shift): Stabilitas Tampilan

Mengukur seberapa sering tata letak bergeser tiba-tiba saat halaman dimuat. Pernah hendak menekan tombol, tetapi tiba-tiba iklan muncul dan Anda salah klik? Itulah layout shift.

• Baik: 0,1 atau kurang.

Angka ambang batas bisa diperbarui Google dari waktu ke waktu, jadi selalu cek dokumentasi resminya.

Cara Mengukur Kecepatan Website

• PageSpeed Insights: memberikan skor dan rekomendasi, dengan data lab dan data pengguna nyata.
• Lighthouse (di Chrome DevTools): audit performa, aksesibilitas, dan SEO.
• Google Search Console: laporan Core Web Vitals untuk seluruh halaman.
• WebPageTest: analisis mendalam dari berbagai lokasi dan kondisi jaringan.

Langkah Praktis Meningkatkan Kecepatan

1. Optimalkan Gambar

Gambar sering menjadi penyumbang ukuran terbesar.

• Gunakan format modern seperti WebP atau AVIF.
• Sesuaikan dimensi dengan tampilan sebenarnya.
• Terapkan lazy loading untuk gambar di luar layar awal.
• Tentukan atribut lebar dan tinggi agar layout tidak bergeser.

2. Gunakan CDN

Content Delivery Network menyimpan salinan aset di banyak lokasi sehingga pengguna mengunduh dari server terdekat.

3. Aktifkan Caching

• Cache browser untuk aset statis.
• Cache server atau halaman untuk mengurangi beban pemrosesan.
• Untuk aplikasi dinamis, pertimbangkan cache data seperti Redis.

4. Kompresi dan Minifikasi

Aktifkan kompresi Gzip atau Brotli, serta kecilkan ukuran berkas CSS dan JavaScript.

5. Kurangi JavaScript yang Tidak Perlu

Skrip berat, terutama pihak ketiga seperti widget dan pelacak, memperlambat interaksi. Hapus yang tidak dipakai, dan tunda pemuatan yang tidak kritis.

6. Optimalkan Font

• Batasi jumlah keluarga font dan bobotnya.
• Gunakan font-display: swap agar teks tetap terbaca saat font dimuat.

7. Perbaiki Waktu Respons Server

Waktu respons server yang lambat langsung berdampak pada LCP. Periksa:

• Query database yang lambat.
• Konfigurasi server dan versi PHP atau runtime yang usang.
• Sumber daya hosting yang tidak memadai.

8. Hindari Layout Shift

• Beri ruang tetap untuk iklan, banner, dan embed.
• Jangan menyisipkan konten di atas konten yang sudah tampil tanpa pemesanan ruang.

9. Prioritaskan Konten Utama

Muat CSS penting lebih dulu, dan gunakan preload untuk aset kritis seperti gambar hero atau font utama.

Kesalahan yang Sering Terjadi

• Hanya mengejar skor 100 tanpa melihat pengalaman pengguna nyata.
• Memasang terlalu banyak plugin atau skrip pihak ketiga.
• Mengunggah gambar berukuran mentah langsung dari kamera.
• Mengabaikan performa di perangkat murah dan jaringan lambat, padahal itu kondisi banyak pengguna.

Kecepatan dan Bisnis

Website yang cepat berpengaruh pada:

• Konversi: pengunjung yang nyaman lebih mungkin mendaftar atau membeli.
• SEO: pengalaman halaman merupakan salah satu sinyal peringkat.
• Biaya iklan: landing page cepat menurunkan rasio pentalan (bounce rate).

Kesimpulan

Mempercepat website adalah proses berkelanjutan: ukur, perbaiki, lalu ukur lagi. Mulailah dari yang dampaknya paling besar, biasanya gambar, caching, dan waktu respons server.

Website Anda terasa lambat? Digivasi dapat membantu audit performa dan optimasinya. Hubungi kami untuk konsultasi.