Pernah membuka sebuah website, tetapi harus menunggu beberapa detik sebelum halaman benar-benar muncul? Atau mungkin website bisnis Anda terlihat bagus, tetapi pengunjung sering meninggalkan halaman sebelum sempat melihat produk atau menghubungi Anda? Bisa jadi masalahnya bukan pada desain website, melainkan kecepatan website.

Website yang lambat bukan hanya membuat pengunjung tidak nyaman. Kecepatan juga berkaitan dengan pengalaman pengguna dan performa website secara keseluruhan. Google menggunakan Core Web Vitals untuk mengukur beberapa aspek pengalaman pengguna, termasuk kecepatan loading, respons terhadap interaksi, dan kestabilan tampilan halaman.

Lalu, apa sebenarnya yang membuat website lambat?

Mari kita bahas satu per satu.

Kenapa Kecepatan Website Itu Penting?

Bayangkan Anda memiliki toko fisik. Seorang calon pelanggan masuk ke toko, tetapi harus menunggu pintu terbuka selama beberapa detik. Setelah masuk, produk belum tertata, gambar produk belum muncul, dan setiap kali ingin melakukan sesuatu pelanggan masih harus menunggu. Kemungkinan besar pelanggan akan pergi. Hal yang sama dapat terjadi pada website.

Website adalah salah satu titik pertama yang digunakan calon pelanggan untuk mengenal bisnis Anda. Jika halaman sulit dibuka atau terasa lambat, pengunjung bisa kehilangan minat sebelum mengetahui apa yang Anda tawarkan.

Google juga merekomendasikan pemilik website untuk memperhatikan Core Web Vitals sebagai bagian dari upaya memberikan pengalaman pengguna yang baik.

Beberapa metrik pentingnya antara lain:

• LCP (Largest Contentful Paint) — seberapa cepat konten utama halaman muncul.
• INP (Interaction to Next Paint) — seberapa cepat website merespons interaksi pengguna.
• CLS (Cumulative Layout Shift) — seberapa stabil tampilan halaman ketika sedang dimuat.

Untuk pengalaman pengguna yang baik, Google merekomendasikan LCP maksimal sekitar 2,5 detik, INP di bawah 200 milidetik, dan CLS di bawah 0,1. Jadi, website cepat bukan hanya tentang membuat angka di tools terlihat bagus. Yang lebih penting adalah membuat website terasa cepat dan nyaman digunakan.

Penyebab Website Lambat

1. Ukuran Gambar Terlalu Besar

Ini adalah salah satu penyebab yang sangat sering ditemukan. Misalnya, Anda memiliki foto produk dengan ukuran 5 MB. Secara visual foto tersebut mungkin terlihat bagus, tetapi website sebenarnya tidak membutuhkan file sebesar itu untuk menampilkan gambar berukuran beberapa ratus piksel.

Semakin besar file yang harus diunduh browser, semakin banyak data yang harus ditransfer.

Optimasi gambar dapat memberikan dampak besar terhadap performa karena gambar sering menjadi salah satu bagian terbesar dari data yang harus diunduh sebuah halaman.

Cara mengatasinya:

• Kompres gambar sebelum di-upload.
• Gunakan ukuran gambar sesuai kebutuhan tampilan.
• Gunakan format gambar modern seperti WebP atau format yang sesuai dengan kebutuhan.
• Jangan menggunakan gambar beresolusi sangat tinggi jika tidak diperlukan.
• Gunakan responsive images agar perangkat tidak selalu mengunduh gambar berukuran besar.

Contohnya, jika area gambar di website hanya berukuran 600 × 400 piksel, tidak selalu diperlukan gambar 5000 × 3000 piksel.

2. Terlalu Banyak JavaScript

JavaScript digunakan untuk membuat website menjadi interaktif.

Contohnya:

• Slider
• Animasi
• Popup
• Dropdown
• Chat widget
• Tracking
• Form interaktif
• Berbagai plugin dan library

Masalahnya muncul ketika terlalu banyak script dimuat sekaligus.

Browser harus mengunduh, memproses, dan menjalankan JavaScript tersebut. Script yang tidak diperlukan pada saat awal halaman dimuat dapat membuat website terasa lambat.

Cara mengatasinya:

• Hapus JavaScript yang tidak digunakan.
• Gunakan hanya library yang memang diperlukan.
• Minify JavaScript.
• Defer atau delay script yang tidak penting untuk tampilan awal.
• Hindari memasang terlalu banyak plugin hanya untuk fitur kecil.

Prinsipnya sederhana:

Jangan membuat browser bekerja lebih banyak daripada yang diperlukan.

3. CSS dan File Website Terlalu Berat

Selain JavaScript, file CSS yang terlalu besar juga dapat memengaruhi performa. Website yang terus berkembang terkadang memiliki banyak kode CSS lama yang sebenarnya sudah tidak digunakan.

Akibatnya, browser tetap harus mengunduh dan memproses file tersebut.

Cara mengatasinya:

• Hapus CSS yang tidak digunakan.
• Minify CSS.
• Gabungkan atau optimalkan asset jika memang sesuai dengan arsitektur website.
• Gunakan teknik critical CSS jika diperlukan.
• Hindari memasukkan seluruh framework atau library jika hanya menggunakan sebagian kecil fiturnya.

Website yang baik bukan hanya memiliki desain yang menarik, tetapi juga memiliki kode yang efisien.

4. Hosting atau Server Kurang Optimal

Tidak semua masalah kecepatan berasal dari kode website. Bisa saja website sebenarnya sudah cukup optimal, tetapi server tempat website tersebut berada memiliki performa yang kurang baik.

Misalnya:

• Resource hosting terbatas.
• Server terlalu penuh.
• Lokasi server terlalu jauh dari mayoritas pengunjung.
• Konfigurasi server kurang optimal.
• Waktu respons server terlalu lama.

Jika server membutuhkan waktu lama untuk memberikan respons awal, browser juga harus menunggu sebelum dapat memproses konten lebih lanjut. Karena itu, pemilihan hosting merupakan bagian penting dari performa website.

5. Tidak Menggunakan Caching

Caching memungkinkan data tertentu yang sudah pernah diproses atau diambil untuk digunakan kembali sehingga server tidak harus mengerjakan hal yang sama berulang kali. Contohnya, sebuah halaman website menampilkan data yang tidak berubah setiap detik. Daripada server terus-menerus mengambil dan memproses data tersebut, data tertentu dapat disimpan sementara melalui mekanisme caching.

Caching dapat diterapkan pada beberapa level, seperti:

• Browser caching
• Server-side caching
• Database caching
• Object caching
• CDN caching

Dengan strategi caching yang tepat, jumlah pekerjaan yang harus dilakukan server dapat berkurang dan waktu respons dapat menjadi lebih baik.

6. Database Tidak Dioptimalkan

Untuk website sederhana, masalah database mungkin belum terlalu terasa. Namun, ketika website sudah memiliki banyak data, query database yang tidak efisien dapat membuat halaman menjadi lambat. Misalnya sebuah halaman harus mengambil ribuan data dari database, padahal yang ditampilkan hanya 20 data. Atau sebuah halaman menjalankan query yang sama berkali-kali.

Cara mengatasinya:

• Gunakan pagination.
• Ambil hanya data yang diperlukan.
• Optimalkan query database.
• Gunakan indexing pada kolom yang tepat.
• Hindari query yang tidak diperlukan.
• Gunakan caching untuk data yang sering digunakan.

Pada website atau aplikasi yang lebih kompleks, optimasi database bisa memberikan perbedaan yang sangat besar.

7. Terlalu Banyak Plugin atau Fitur Tambahan

Pada platform seperti WordPress, misalnya, menambahkan plugin memang sangat mudah.Tetapi semakin banyak plugin yang digunakan, semakin besar kemungkinan website memiliki tambahan:

• CSS
• JavaScript
• Request eksternal
• Query database
• Tracking
• Asset tambahan

Tidak berarti semua plugin buruk. Masalahnya adalah ketika website memiliki banyak fitur yang sebenarnya tidak diperlukan. Sebelum menambahkan fitur baru, tanyakan: "Apakah fitur ini benar-benar dibutuhkan oleh pengguna?" Jika jawabannya tidak, mungkin lebih baik tidak menambahkannya.

8. Terlalu Banyak Request ke Server Eksternal

Website modern sering menggunakan layanan dari pihak ketiga.

Contohnya:

• Google Fonts
• Analytics
• Chat widget
• Social media embed
• Maps
• Payment gateway
• Tracking tools
• Advertising scripts

Setiap layanan tambahan dapat membuat browser melakukan request tambahan. Jika salah satu layanan tersebut lambat atau bermasalah, pengalaman loading website juga dapat terpengaruh.

Cara mengatasinya:

Periksa layanan eksternal yang digunakan dan tanyakan:

Apakah semuanya benar-benar diperlukan?

Jika tidak, pertimbangkan untuk menghapusnya.

9. Website Tidak Dioptimalkan untuk Mobile

Banyak orang mengakses website menggunakan smartphone. Artinya, website tidak cukup hanya cepat ketika dibuka melalui komputer dengan koneksi internet yang cepat. Website juga perlu memberikan pengalaman yang baik pada perangkat mobile.

Masalah yang sering terjadi:

• Gambar terlalu besar.
• Layout terlalu kompleks.
• JavaScript terlalu berat.
• Font terlalu banyak.
• Elemen halaman terlalu banyak.
• Server membutuhkan waktu lama untuk merespons.

Karena itu, lakukan pengujian website pada perangkat mobile, bukan hanya desktop.

Bagaimana Cara Mengetahui Website Kita Lambat?

Jangan hanya mengandalkan perasaan seperti:

"Kayaknya website saya agak lambat."

Gunakan tools untuk melakukan pengukuran. Salah satu yang dapat digunakan adalah PageSpeed Insights. Anda dapat memasukkan URL website dan melihat berbagai informasi mengenai performa halaman serta rekomendasi optimasinya.

PageSpeed Insights

Google juga menyediakan berbagai panduan performa melalui web.dev, termasuk panduan untuk memahami dan mengoptimalkan Core Web Vitals.

Jangan Terlalu Fokus Mengejar Skor 100

Ada satu hal penting yang sering disalahpahami. Ketika menggunakan tools seperti PageSpeed Insights, jangan menganggap bahwa tujuan utama optimasi website adalah mendapatkan angka 100/100. Skor adalah indikator yang membantu menemukan masalah.

Yang lebih penting adalah:

• Website cepat digunakan.
• Konten utama muncul dengan cepat.
• Tombol dan interaksi merespons dengan baik.
• Layout tidak tiba-tiba berpindah.
• Pengunjung mendapatkan pengalaman yang nyaman.

Core Web Vitals sendiri dirancang untuk mengukur aspek-aspek pengalaman pengguna tersebut. Jadi, jangan mengorbankan fungsi website hanya demi mengejar skor sempurna.

Urutan Optimasi Website yang Sebaiknya Dilakukan

Jika website Anda lambat, jangan langsung mengubah semuanya sekaligus.

Mulailah dari masalah yang memberikan dampak paling besar.

1. Periksa ukuran gambar

Cari gambar yang berukuran sangat besar dan kompres atau ubah formatnya.

2. Periksa JavaScript

Cari script yang tidak diperlukan atau dimuat terlalu awal.

3. Periksa CSS

Pastikan tidak ada kode yang terlalu besar atau tidak digunakan.

4. Periksa hosting

Pastikan server memiliki resource yang cukup dan waktu respons yang baik.

5. Aktifkan caching

Gunakan caching pada bagian yang memang cocok untuk di-cache.

6. Periksa database

Untuk website berbasis database, pastikan query dan struktur database sudah efisien.

7. Periksa layanan pihak ketiga

Kurangi script eksternal yang tidak benar-benar diperlukan.

8. Uji kembali

Setelah melakukan perubahan, lakukan pengujian ulang. Optimasi website sebaiknya dilakukan berdasarkan data, bukan sekadar menebak.

Website Lambat Belum Tentu Harus Dibuat Ulang

Jika website Anda lambat, bukan berarti solusinya selalu membuat website baru.

Bisa jadi masalahnya hanya:

• gambar terlalu besar,
• plugin terlalu banyak,
• database belum optimal,
• server kurang memadai,
• JavaScript terlalu berat,
• caching belum diterapkan,
• atau konfigurasi website yang kurang tepat.

Karena itu, langkah pertama sebaiknya adalah melakukan audit performa untuk mengetahui sumber masalahnya. Setelah penyebabnya diketahui, barulah ditentukan apakah cukup melakukan optimasi atau memang diperlukan perubahan struktur website.

Website yang cepat bukan sekadar masalah teknis. Kecepatan website berhubungan langsung dengan bagaimana pengunjung merasakan dan menggunakan website Anda. Website yang lambat dapat disebabkan oleh banyak hal, mulai dari gambar yang terlalu besar, JavaScript yang berlebihan, hosting yang kurang optimal, database yang tidak efisien, hingga terlalu banyak layanan eksternal.

Kabar baiknya, sebagian besar masalah tersebut dapat dianalisis dan diperbaiki. Jadi, jika website bisnis Anda terasa lambat, jangan langsung menyimpulkan bahwa Anda membutuhkan website baru. Cari tahu dulu apa yang membuatnya lambat. Karena website yang baik bukan hanya website yang terlihat bagus, tetapi juga cepat, nyaman digunakan, dan mampu mendukung kebutuhan bisnis.

Jika Anda sedang membangun website untuk bisnis, performa sebaiknya sudah dipikirkan sejak awal proses pengembangan, bukan baru diperbaiki setelah website selesai dibuat.