IdeyaWeb
Tips

Cara Mempercepat Website

Panduan praktis mempercepat website bisnis: kenali Core Web Vitals, kompres gambar, pangkas script, aktifkan caching dan CDN, hingga kapan upgrade hosting.

A Aditya 5 menit baca 3 views
Cara Mempercepat Website

Website yang lama dimuat itu mahal. Pengunjung tidak menunggu, Google tidak menaikkan peringkatnya, dan pemilik bisnis biasanya baru sadar ketika angka order atau lead mulai turun. Kabar baiknya, masalah kecepatan hampir selalu bisa diperbaiki dengan langkah yang jelas dan terukur.

Artikel ini merangkum cara mendiagnosis dan mempercepat website bisnis: mulai dari memahami Core Web Vitals, mengompres gambar, memangkas script, sampai memilih hosting yang tepat.

Kenapa Kecepatan Website Penting untuk Bisnis

Pengunjung mobile punya standar tinggi. Data agregat caniuse mencatat lebih dari 96% pengguna internet memakai browser modern, dan ekspektasinya sama: halaman harus responsif dalam hitungan detik. Penelitian Google tentang mobile experience berulang kali menunjukkan bahwa semakin lama halaman dimuat, semakin besar peluang pengunjung meninggalkan halaman sebelum melihat kontennya.

Untuk bisnis, efeknya nyata: biaya iklan jadi boros karena banyak klik hangus, dan reputasi brand ikut tercoreng karena website terkesan tidak dirawat.

Kenali Core Web Vitals

Google mengukur pengalaman halaman lewat tiga metrik inti yang disebut Core Web Vitals:

  • LCP (Largest Contentful Paint): waktu sampai elemen konten terbesar (biasanya gambar hero atau judul besar) selesai tampil. Target: di bawah 2,5 detik.
  • INP (Interaction to Next Paint): responsivitas saat pengguna berinteraksi, misalnya menekan tombol atau membuka menu. Target: di bawah 200 milidetik.
  • CLS (Cumulative Layout Shift): seberapa sering elemen halaman "melompat" saat halaman masih memuat. Target: di bawah 0,1.

Tiga metrik ini bisa Anda lihat di Google Search Console pada laporan Core Web Vitals, dan gratis. Jadi sebelum mengeluh soal peringkat, cek dulu apakah halaman Anda lolos ambang batas di atas.

Ukur Dulu, Jangan Menebak

Langkah pertama bukan membeli plugin atau upgrade hosting, melainkan mengukur. Gunakan dua sumber gratis:

  • PageSpeed Insights: masukkan URL, dapatkan skor untuk versi mobile dan desktop, lengkap dengan daftar masalah terbesar.
  • Lighthouse di Chrome DevTools: hasilnya serupa, cocok untuk menguji perbaikan satu per satu secara lokal.

Catat angka sebelum perbaikan. Tanpa angka awal, Anda tidak akan tahu mana perbaikan yang benar-benar berdampak.

Gambar: Penyebab Nomor Satu Website Lemot

Di hampir semua website bisnis yang lambat, pelakunya sama: gambar berukuran asli (foto kamera bisa 4 MB lebih) diunggah mentah-mentah. Perbaikannya konsisten dan murah:

  • Kompres dan resize gambar sesuai ukuran tampilannya di halaman. Gambar yang tampil 800 piksel tidak perlu filenya 3000 piksel.
  • Pakai format modern seperti WebP atau AVIF yang jauh lebih kecil dari JPEG pada kualitas setara.
  • Tambahkan atribut lazy loading (loading="lazy") untuk gambar di bawah layar pertama.
  • Selalu isi atribut width dan height agar layout tidak bergeser, ini langsung menekan skor CLS.

Satu halaman beranda yang gambarnya dirampingkan dari total 8 MB menjadi di bawah 1 MB biasanya sudah terasa bedanya secara kasat mata.

Perhatikan Ukuran Halaman dan Permintaan

Selain jenis aset, jumlahnya juga penting. Halaman beranda yang memuat 80+ file (gambar, CSS, JavaScript, font) meski masing-masing kecil tetap lambat, karena browser harus membuka banyak koneksi dan menunggu bergantian. Target sehat untuk website bisnis: ukuran halaman beranda di bawah 2 MB dengan jumlah permintaan seratus ke bawah. Angka ini bisa dilihat di tab Network pada Chrome DevTools.

Kalau angkanya jauh lebih besar, itu sinyal kuat bahwa konten beranda perlu dirampingkan, bukan sekadar "dioptimalkan" di sisi server.

Pangkas Script dan Plugin yang Tidak Perlu

Semua script yang Anda tempel di website membayar harganya: waktu unduh, waktu eksekusi, dan responsivitas yang turun (INP memburuk). Periksa kebiasaan umum berikut:

  • Plugin chat, popup, dan pixel iklan yang ditempel satu per satu dari berbagai layanan. Setiap tambahan menambah beban. Pertahankan yang benar-benar dipakai.
  • Font kustom yang banyak. Satu atau dua keluarga font cukup; pakai font-display: swap agar teks tetap tampil sambil font dimuat.
  • Slider dan animasi besar di beranda. Sering kali tidak menambah konversi, tapi menambah banyak JavaScript.

Aturan praktisnya: setiap kali mau menambah script pihak ketiga, tanya dulu apa yang hilang kalau script itu tidak dipasang.

Manfaatkan Caching dan CDN

Setelah konten dirampingkan, pastikan server bekerja efisien:

  • Page caching: halaman yang tidak berubah tiap detik sebaiknya disajikan sebagai file siap kirim, bukan diproses ulang setiap kali ada pengunjung.
  • Kompresi: aktifkan kompresi (gzip atau brotli) di server agar HTML, CSS, dan JavaScript terkirim jauh lebih kecil.
  • CDN: jaringan distribusi konten menyimpan aset statis di server dekat lokasi pengunjung, sehingga waktu unduh turun terutama untuk pengunjung lintas wilayah.

Untuk website bisnis berbasis WordPress atau CMS, banyak hosting modern sudah menyediakan caching dan CDN bawaan. Pastikan fitur itu aktif, jangan sekadar dibayar.

Kapan Hosting Perlu Diupgrade

Perbaikan konten dan script punya batas. Kalau setelah gambar ringan, script ramping, dan caching aktif website tetap lambat, barulah bicara soal server. Tanda-tandanya: waktu respons server (TTFB) tinggi walau halaman sepi, atau traffic meningkat dan server sering overload.

Sebelum upgrade, baca dulu panduan cara memilih hosting untuk website bisnis agar tidak pindah hanya karena tawaran promosi. Dan kalau rencananya pindah server, pastikan ikuti langkah pindah hosting tanpa kehilangan SEO (panduannya ada di blog ini) supaya peringkat tidak ikut jatuh.

Kecepatan dan Konversi Dua Arah

Ada dua arah hubungan antara kecepatan dan konversi. Pertama, website cepat menurunkan angka orang yang kabur sebelum halaman terbaca. Kedua, keputusan menambah fitur sering kali menurunkan kecepatan tanpa disadari. Setiap kali Anda menambah popup, widget, atau slider baru, ukur ulang sebelum dan sesudahnya. Kalau LCP naik signifikan tapi fitur itu tidak berkontribusi pada order, lebih baik dilepas.

Pola ini juga berlaku saat redesign. Website baru yang cantik tapi lambat biasanya kalah performa dibanding website lama yang sederhana. Kecepatan harus masuk ke daftar syarat saat serah terima proyek, bukan jadi catatan kaki.

Mulai dari yang Paling Berdampak

Urutan pengerjaan yang efisien:

  1. Ukur dengan PageSpeed Insights dan catat LCP, INP, CLS.
  2. Perbaiki gambar: kompres, WebP, lazy loading, ukuran sesuai tampilan.
  3. Pangkas script dan font yang tidak perlu.
  4. Aktifkan caching, kompresi, dan CDN.
  5. Upgrade hosting hanya kalau langkah sebelumnya belum cukup.

Website yang cepat bukan proyek sekali jadi, tapi kebiasaan: ukur, perbaiki yang paling parah, ulangi. Kalau Anda ingin website bisnis yang dibangun dengan standar performa sejak awal, tim IdeyaWeb mengerjakan website dan web app dengan perhatian khusus pada kecepatan dan pengalaman pengguna. Diskusi lebih lanjut bisa lewat halaman kontak.

Bagikan