Penyebab Website Lambat dan Cara Mempercepatnya: Panduan Core Web Vitals

Anda membuka website sendiri dari ponsel, lalu menunggu beberapa detik sambil melihat layar putih. Jika Anda saja tidak sabar, bayangkan calon pelanggan yang belum mengenal bisnis Anda. Kecepatan bukan sekadar urusan teknis, karena kecepatan menentukan apakah pengunjung bertahan atau kembali ke hasil pencarian.

Panduan ini membahas penyebab website lambat yang paling sering kami temui, cara mengukurnya dengan benar menggunakan Core Web Vitals, dan urutan perbaikan yang bisa Anda lakukan, baik sendiri maupun bersama developer.

Cara Mengecek Kecepatan Website

Jangan menilai kecepatan hanya dari perasaan atau dari koneksi Wi-Fi kantor yang cepat. Gunakan alat gratis berikut:

• PageSpeed Insights: masukkan URL halaman, lalu lihat dua jenis data. Field data berasal dari pengalaman pengguna Chrome sungguhan (jika trafiknya cukup), sedangkan lab data adalah hasil simulasi yang berguna untuk mencari penyebab.
• Laporan Core Web Vitals di Google Search Console: menunjukkan kelompok halaman yang bermasalah di seluruh website.
• Tes di ponsel sungguhan: buka website memakai data seluler, bukan Wi-Fi, untuk merasakan pengalaman pengunjung pada umumnya.

Memahami Core Web Vitals

Core Web Vitals adalah tiga metrik dari Google untuk mengukur pengalaman pengguna. Ambang batas “baik” berikut diukur pada persentil ke-75 kunjungan:

• LCP (Largest Contentful Paint): 2,5 detik atau kurang. Mengukur seberapa cepat elemen terbesar di layar, biasanya gambar hero atau judul, selesai tampil.
• INP (Interaction to Next Paint): 200 milidetik atau kurang. Mengukur seberapa cepat halaman merespons saat pengguna mengetuk tombol atau mengisi formulir. Sejak 2024, INP menggantikan FID.
• CLS (Cumulative Layout Shift): 0,1 atau kurang. Mengukur seberapa sering tampilan “melompat” saat halaman dimuat, misalnya tombol bergeser karena gambar baru muncul.

Google menjelaskan bahwa Core Web Vitals digunakan oleh sistem peringkatnya sebagai bagian dari pengalaman halaman, tetapi relevansi konten tetap jauh lebih penting. Jadi kecepatan bukan jalan pintas ke halaman pertama. Kecepatan adalah fondasi agar pengunjung yang sudah datang tidak pergi.

Penyebab Website Lambat yang Paling Umum

1. Gambar terlalu besar

Ini penyebab nomor satu yang kami temui di website bisnis. Foto langsung dari kamera atau ponsel bisa berukuran beberapa megabyte, padahal di layar hanya tampil selebar beberapa ratus piksel. Akibatnya LCP menjadi lambat, terutama di koneksi seluler.

2. Hosting yang tidak memadai

Server yang lambat merespons membuat semua hal lain ikut tertunda. Gejalanya terlihat dari waktu respons server (Time to First Byte) yang tinggi. Hosting murah dengan sumber daya terbatas sering menjadi penyebab, apalagi jika website memuat banyak proses di setiap kunjungan.

3. Terlalu banyak plugin dan skrip pihak ketiga

Setiap plugin, widget chat, slider, pixel iklan, dan font tambahan memuat file JavaScript dan CSS. Satu per satu terlihat kecil, tetapi bila digabung bisa memperlambat tampilan dan respons halaman, yang tercermin pada nilai INP.

4. Tema atau page builder yang berat

Tema serba bisa dan page builder sering memuat banyak kode yang tidak dipakai di halaman tersebut. Website menjadi berat walau isinya sederhana.

5. Tidak ada caching

Tanpa caching, server harus menyusun ulang halaman untuk setiap pengunjung. Caching menyimpan versi jadi halaman sehingga bisa dikirim lebih cepat.

6. Elemen tanpa ukuran yang jelas

Gambar, iklan, atau embed video tanpa atribut lebar dan tinggi membuat browser tidak bisa menyiapkan ruang. Saat elemen itu muncul, konten di bawahnya terdorong, sehingga nilai CLS memburuk dan pengunjung bisa salah klik.

Cara Mempercepat Loading Website

Lakukan perbaikan sesuai urutan dampaknya. Mulailah dari yang paling mudah dan paling besar pengaruhnya.

Langkah 1: Optimasi semua gambar

• Ubah ukuran gambar sesuai tampilannya. Untuk gambar selebar layar, lebar 1600–1920 piksel umumnya sudah cukup.
• Kompres gambar dan gunakan format modern seperti WebP.
• Gunakan lazy loading untuk gambar di bagian bawah halaman, tetapi jangan untuk gambar utama di layar pertama.
• Selalu cantumkan atribut lebar dan tinggi gambar agar tata letak tidak bergeser.

Langkah 2: Aktifkan caching dan kompresi

Gunakan caching halaman di server atau plugin cache yang tepercaya, lalu aktifkan kompresi seperti Gzip atau Brotli. Banyak penyedia hosting menyediakan fitur ini di panel kontrolnya.

Langkah 3: Kurangi plugin dan skrip

Audit plugin satu per satu. Pertahankan hanya yang benar-benar dipakai, gabungkan fungsi yang tumpang tindih, dan muat skrip pihak ketiga (chat, pixel) setelah konten utama tampil.

Langkah 4: Evaluasi hosting

Jika waktu respons server tetap tinggi setelah optimasi, saatnya mempertimbangkan hosting dengan sumber daya lebih baik atau server yang lebih dekat dengan lokasi mayoritas pengunjung. Biaya hosting termasuk komponen yang kami jelaskan di artikel biaya membuat website.

Langkah 5: Prioritaskan konten di layar pertama

Pastikan gambar hero dan judul utama dimuat paling awal. Panduan optimasi LCP dari web.dev menjelaskan teknik seperti preload untuk gambar utama dan mengurangi file yang memblokir tampilan.

Langkah 6: Ukur ulang secara berkala

Setelah perbaikan, uji kembali dengan PageSpeed Insights. Perlu diingat bahwa data lapangan di Search Console memerlukan waktu untuk diperbarui karena dihitung dari kunjungan selama beberapa minggu terakhir.

Checklist Kecepatan Website

• Gambar dikompres, berformat WebP, dan berukuran sesuai tampilan.
• Gambar memiliki atribut lebar dan tinggi.
• Caching dan kompresi server aktif.
• Plugin dan skrip pihak ketiga diaudit dan dikurangi.
• Waktu respons server wajar.
• LCP, INP, dan CLS berada di kategori “baik” untuk ponsel.

Kapan Lebih Baik Membangun Ulang Website?

Optimasi tidak selalu menjadi jawaban. Pertimbangkan membangun ulang website jika beberapa kondisi berikut terjadi sekaligus:

• Skor tetap merah walau gambar sudah dikompres dan caching aktif.
• Website bergantung pada puluhan plugin yang saling tumpang tindih dan sulit diperbarui.
• Tema atau page builder yang dipakai sudah tidak mendapat pembaruan dari pembuatnya.
• Setiap perubahan kecil berisiko merusak tampilan halaman lain.

Dalam situasi seperti ini, waktu dan biaya untuk menambal masalah satu per satu sering kali lebih besar daripada membangun fondasi baru yang ringan.

Hubungan Kecepatan dengan SEO dan Konversi

Kecepatan memengaruhi dua hal sekaligus. Dari sisi SEO, kecepatan termasuk bagian dari pengalaman halaman yang dipertimbangkan Google, meski bukan faktor utama dibanding relevansi konten (lihat checklist SEO on page untuk faktor lainnya). Dari sisi bisnis, halaman yang cepat membuat pengunjung lebih mungkin membaca penawaran Anda sampai selesai dan menekan tombol hubungi. Hal ini sangat terasa pada landing page yang mendapat trafik dari iklan.

FAQ seputar Kecepatan Website

Berapa skor PageSpeed yang ideal?

Skor 0–100 di PageSpeed Insights berasal dari pengujian lab dan berguna sebagai panduan perbaikan. Yang lebih penting adalah status Core Web Vitals dari data pengguna sungguhan. Usahakan ketiga metrik berada di kategori “baik”, terutama untuk ponsel.

Kenapa website cepat di laptop saya tetapi lambat di HP?

Laptop biasanya memiliki prosesor lebih kuat dan koneksi lebih stabil. Ponsel, terutama kelas menengah ke bawah dengan data seluler, membutuhkan waktu lebih lama untuk mengunduh dan memproses JavaScript. Karena itu, selalu uji kecepatan versi mobile.

Apakah memakai CDN pasti membuat website lebih cepat?

CDN membantu mengirim file statis dari server yang lebih dekat dengan pengunjung, sehingga bermanfaat untuk website dengan pengunjung dari banyak wilayah. Namun CDN tidak memperbaiki gambar yang terlalu besar atau kode yang berat. Optimasi dasar tetap harus dilakukan.

Apakah plugin optimasi bisa menyelesaikan semua masalah?

Plugin optimasi membantu untuk caching, kompresi, dan penundaan skrip. Namun jika penyebabnya tema yang berat atau hosting yang lemah, plugin hanya memberi perbaikan terbatas. Dalam kasus tertentu, membangun ulang website dengan fondasi yang ringan justru lebih efektif.

Kesimpulan

Penyebab website lambat umumnya adalah gambar yang terlalu besar, hosting yang kurang memadai, skrip dan plugin yang berlebihan, tema yang berat, serta tidak adanya caching. Ukur kecepatan dengan PageSpeed Insights dan Core Web Vitals, perbaiki dari yang paling berdampak, lalu ukur ulang secara berkala.

Website Anda Masih Lambat?

Website buatan Crosslife dibangun dengan fondasi ringan: gambar otomatis dikompres ke WebP, halaman di-cache, dan skrip dimuat seperlunya. Jika website Anda saat ini lambat, konsultasikan secara gratis untuk mengetahui apakah cukup dioptimasi atau lebih baik dibangun ulang.

Referensi

• web.dev: Web Vitals
• web.dev: Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS)
• Google Search Central: Understanding Core Web Vitals and Google search results
• web.dev: Optimize Largest Contentful Paint