Optimasi kecepatan website adalah proses membuat halaman lebih cepat dimuat, lebih cepat bisa digunakan, dan lebih stabil saat dibuka. Ini penting untuk SEO, tetapi juga penting untuk conversion.
Kalau halaman lambat, masalahnya bukan hanya ranking. Pembaca bisa pergi sebelum membaca. Calon lead bisa batal mengisi form. Budget iklan bisa bocor karena landing page tidak siap menerima traffic.
Jadi saya lebih suka membaca kecepatan website sebagai masalah bisnis, bukan sekadar skor teknis.
Kecepatan website berpengaruh ke apa?
Kecepatan website bisa mempengaruhi:
- pengalaman pembaca;
- kualitas landing page;
- conversion rate;
- efisiensi budget iklan;
- kemampuan mesin pencari merender halaman;
- persepsi kredibilitas brand;
- crawl efficiency untuk website besar.
Untuk blog personal brand, halaman yang cepat memberi kesan serius. Untuk website bisnis, halaman yang cepat bisa langsung mempengaruhi biaya akuisisi dan jumlah lead.
Jangan hanya mengejar skor PageSpeed
PageSpeed Insights berguna, tetapi jangan jadikan skor sebagai satu-satunya tujuan.
Skor bisa berbeda tergantung:
- halaman yang dites;
- kondisi jaringan;
- perangkat;
- lokasi server;
- script pihak ketiga;
- ukuran gambar;
- cache;
- jumlah konten di halaman.
Yang lebih penting: masalah apa yang membuat halaman terasa lambat bagi pengguna nyata?
Kalau skor 100 tetapi tracking rusak, konten tidak jelas, dan CTA lemah, website tetap tidak membantu bisnis. Sebaliknya, skor 85 dengan UX yang cepat dan conversion baik bisa lebih sehat daripada mengejar angka sempurna yang tidak berdampak.
Pahami Core Web Vitals
Core Web Vitals adalah metrik pengalaman halaman yang umum dipakai untuk membaca performa:
- LCP: seberapa cepat konten utama terlihat.
- INP: seberapa responsif halaman terhadap interaksi.
- CLS: seberapa stabil layout saat halaman dimuat.
Penjelasan teknis detailnya bisa dibaca di web.dev Core Web Vitals. Untuk kerja praktis, cukup pahami dulu: konten utama harus cepat muncul, halaman cepat merespons, dan layout tidak loncat-loncat.
Prioritas optimasi yang paling sering berdampak
Mulai dari hal yang paling sering bermasalah.
1. Optimasi gambar
Gambar sering menjadi penyebab halaman berat.
Cek:
- ukuran gambar terlalu besar;
- format masih tidak efisien;
- gambar hero tidak diberi ukuran jelas;
- gambar above-the-fold ikut lazy load;
- alt text kosong atau tidak relevan;
- gambar dipakai ulang tanpa relevansi dengan artikel.
Untuk blog ini, Astro sudah menghasilkan WebP teroptimasi. Contohnya thumbnail source PNG 1.4-1.7 MB bisa menjadi WebP sekitar 38-68 KB di build. Itu sehat untuk performa.
2. Kurangi JavaScript yang tidak perlu
Banyak website lambat bukan karena HTML-nya berat, tetapi karena terlalu banyak script.
Contoh:
- chat widget;
- popup;
- heatmap;
- analytics berlapis;
- ads script;
- tag manager yang isinya tidak diaudit;
- library UI besar untuk fitur kecil.
Untuk website konten, prinsipnya sederhana: konten utama harus tersedia sebagai HTML dan tidak bergantung pada JavaScript untuk muncul.
3. Perhatikan font
Font bisa membuat halaman terasa lambat jika terlalu banyak variasi.
Gunakan:
- jumlah font terbatas;
- berat font seperlunya;
- preload jika benar-benar dibutuhkan;
- fallback font yang rapi;
- hindari font decorative untuk body text.
Untuk blog, keterbacaan lebih penting daripada gaya yang terlalu rumit.
4. Hosting dan cache
Hosting lambat akan membuat optimasi frontend terasa terbatas.
Cek:
- TTFB;
- cache static asset;
- kompresi;
- lokasi server;
- CDN jika audiens tersebar;
- error log;
- batas resource hosting.
Website static seperti Astro punya keuntungan: HTML, CSS, JS, dan gambar bisa disajikan lebih sederhana daripada WordPress full dynamic.
5. Stabilkan layout
Layout yang loncat-loncat mengganggu pembaca.
Biasanya penyebabnya:
- gambar tidak punya width/height;
- iklan dimuat tanpa reserved space;
- font berubah setelah load;
- komponen embed masuk belakangan;
- banner atau widget muncul tiba-tiba.
Karena website ini akan dimonetisasi dengan AdSense, slot iklan harus punya ruang yang jelas. Jangan sampai iklan membuat artikel bergeser ketika pembaca sedang membaca.
Urutan audit sederhana
Kalau saya audit halaman, urutannya begini:
- Tes homepage dan beberapa artikel penting di PageSpeed Insights.
- Lihat LCP element.
- Cek gambar hero/thumbnail.
- Cek script pihak ketiga.
- Cek CSS/JS yang blocking.
- Cek layout shift.
- Cek mobile, bukan desktop saja.
- Bandingkan dengan dampak bisnis: halaman ini penting untuk traffic, lead, atau AdSense?
Tidak semua halaman perlu diperlakukan sama. Artikel flagship dan landing page business-intent lebih prioritas daripada halaman arsip yang jarang dibuka.
Kecepatan dan AdSense
Monetisasi bisa membuat website lebih berat jika tidak hati-hati.
Beberapa aturan aman:
- jangan terlalu banyak slot iklan di awal;
- siapkan reserved space untuk slot iklan;
- hindari iklan yang menutup konten;
- jangan membuat artikel sulit dibaca karena iklan;
- pantau LCP dan CLS setelah ads aktif;
- cek mobile lebih sering daripada desktop.
AdSense butuh konten dan UX yang layak. Kalau iklan membuat pengalaman membaca buruk, jangka panjangnya bisa merugikan trafik dan revenue.
Opini
Kecepatan website bukan proyek sekali selesai. Ia harus ikut diaudit setiap kali kita menambah script, thumbnail, iklan, embed, atau fitur baru.
Untuk habibhidayat.com, pilihan Astro cukup masuk akal karena targetnya cepat, SEO friendly, AI friendly, dan mampu menampung banyak artikel. Tapi kecepatan tetap harus dijaga saat fitur monetisasi dan automation mulai bertambah.
Jangan sampai kita membuat website cepat, lalu pelan-pelan merusaknya sendiri dengan script yang tidak diaudit.