Setelah menerapkan optimasi dasar, langkah selanjutnya adalah teknik lanjutan yang bisa meningkatkan kecepatan website secara signifikan. Berikut teknik-teknik yang bisa kamu terapkan jika website kamu sudah memenuhi standar dasar.
1. Implementasi Lazy Loading
Lazy loading menunda pemuatan gambar dan video sampai mereka muncul di viewport pengguna. Ini mengurangi beban awal halaman secara drastis. HTML5 sudah mendukung lazy loading secara native dengan atribut loading="lazy".
2. Gunakan Critical CSS
Critical CSS adalah teknik menyematkan CSS yang hanya dibutuhkan untuk konten di atas fold secara inline, sementara CSS lainnya di-load secara async. Ini membuat first paint lebih cepat karena browser tidak perlu menunggu seluruh CSS dimuat.
3. Preload dan Prefetch Resource
Gunakan preload untuk resource penting yang dibutuhkan segera (font, CSS utama), dan prefetch untuk resource yang akan dibutuhkan di halaman berikutnya. Ini membantu browser mengantisipasi kebutuhan pengguna.
4. Implementasi HTTP/3 dan QUIC
HTTP/3 adalah protokol baru yang menggunakan QUIC di atas UDP, memberikan kecepatan yang lebih stabil terutama di koneksi mobile yang tidak stabil. Aktifkan melalui Cloudflare atau hosting yang sudah mendukung.
5. Optimasi Database
Database yang kotor akan membuat website lambat. Lakukan cleanup rutin: hapus revisi post, trash comment, transients yang kadaluarsa, dan optimize tables. Plugin WP-Optimize bisa mengotomatisasi ini.
6. Implementasi Edge Caching
Edge caching menyimpan konten di server edge yang lebih dekat dengan pengguna. Cloudflare dan Vercel menawarkan ini secara gratis. Dengan edge caching, waktu respons bisa berkurang hingga 50%.
Terapkan 1-2 teknik lanjutan per bulan, dan ukur perubahannya dengan Google PageSpeed Insights. Konsistensi lebih baik daripada perubahan besar sekaligus.
