Mencapai performa maksimal bukan sekadar soal gaya-gayaan. Bagi Mie Ayam Pak Dul, kecepatan website adalah tentang menghargai waktu pelanggan saat perut sudah mulai keroncongan. Berikut adalah bedah tuntas perjalanan kami mencapai skor nyaris sempurna 100% di Google PageSpeed Insights.
Kondisi Awal: Masalah Performa dan Aksesibilitas
Sebelum melakukan pembersihan total, website kami sempat berada di zona merah. Beberapa masalah utama yang kami temukan antara lain:
- Beban Gambar Terlalu Besar: Penggunaan foto aset berukuran lebih dari 2MB yang menyebabkan waktu muat halaman menjadi sangat lama bagi pengguna seluler.
- Kontras Warna Rendah: Elemen penting seperti tombol pemesanan sulit terlihat dalam kondisi pencahayaan tertentu karena rasio kontras yang tidak memadai.
- Request Metadata yang Gagal: Banyaknya aset kecil seperti favicon atau preview yang tidak ditemukan (404), yang menambah beban pemrosesan browser secara sia-sia.
Strategi Optimasi: Langkah Menuju Skor Maksimal
Kami melakukan perombakan infrastruktur dengan fokus pada efisiensi aset:
- Implementasi Vite & SSG: Berpindah ke arsitektur Static Site Generation untuk memastikan website hanya mengirimkan kode minimal yang diperlukan.
- Konversi Aset ke WebP: Mengurangi ukuran file gambar hingga 80% tanpa kehilangan kualitas visual yang signifikan.
- Penyelarasan Standar WCAG: Menyesuaikan palet warna agar memenuhi standar aksesibilitas internasional demi kenyamanan seluruh pengguna.
Evaluasi: Pelajaran dari Proses Pengembangan
Proses ini memberikan kami beberapa observasi teknis penting:
- Validasi Data Sisi Server: Kami belajar untuk selalu memvalidasi integritas data langsung dari sistem internal kami untuk menghindari celah keamanan.
- Keseimbangan Performa dan UX: Fokus pada skor 100% harus tetap diseimbangkan dengan kenyamanan visual bagi pengguna manusia, bukan hanya untuk optimasi mesin.
Kesimpulan: Menjaga Konsistensi Kedepannya
Skor sempurna ini bukanlah hasil akhir, melainkan standar baru yang harus kami jaga. Seiring bertambahnya konten di Jurnal Rasa, kami berkomitmen untuk terus memantau metrik performa agar tetap berada di tingkat yang optimal.
Referensi Terpercaya
Berikut adalah sumber daya teknis yang kami gunakan sebagai rujukan:
- Google Developers: Memahami Core Web Vitals
- W3C Standards: Panduan Aksesibilitas Web (WCAG)
- Vite Guide: Optimasi Aset Statis
- Fuse.js: Teknologi Pencarian Ringan