Kecepatan atau responsivitas pengunjung website adalah salah satu elemen penting pada pengalaman website anda, berikut adalah panduan lengkap dalam mengoptimalkan kecepatan atau performa website yang berbasis CMS Wordpress:
Berikut adalah langkah-langkah yang akan dijelaskan pada Artikel ini
- Konversi ke format media yang lebih efisien (.webp)
- Optimalisasi Caching Database, Object dan Page dengan W3 Total Cache
Konversi format media yang lebih efisien (.webp)
Format .webp adalah solusi efektif untuk mempercepat loading situs web dengan mengkompresi ukuran gambar hingga 50% tanpa mengurangi kualitasnya
1. Install Plugin Converter for Media
- Login ke WP-Admin Wordpress anda, klik pada Menu Plugin, dan klik pada menu Add New
- Search/Cari plugin "Converter for Media"
- Install now dan klik Activate
- Navigasi ke Menu Settings
- Klik pada Menu Settings, lalu klik Converter for Media
- Lakukan proses Optimisasi Media
- Klik pada Start Bulk Optimization dan Tunggu proses selesai
Tampilan akan berubah seperti berikut, jika proses telah selesai:
Optimalisasi Caching Database, Object dan Page dengan W3 Total Cache
1. Instalasi plugin
- Klik pada menu Plugin >> Add New, lalu cari/search "W3 Total Cache"
- Klik Install Now, tunggu hingga selesai dan klik Activate
- Klik pada menu Performance lalu ikuti petunjuk yang akan muncul sebagai berikut:
- Page Cache
- Untuk mengoptimalkan waktu load halaman website, akses menu Page Cache dan jalankan Test Page Cache. Setelah tes selesai, pilih setting rekomendasi yang sesuai, yaitu Disk: Enhanced, lalu klik Next untuk melanjutkan konfigurasi
- Database Cache
- Untuk mengoptimalkan kinerja database, klik Test Database Cache. Setelah selesai, pilih opsi Disk untuk menyimpan cache hasil query database di server, mengurangi beban server dan meningkatkan kinerja. Klik Next
- Object Cache
- Untuk mengoptimalkan kinerja situs, klik Test di Object Cache. Cache ini menyimpan data level objek seperti widget, data transien dan hasil query database. Pilih Disk untuk menyimpan cache di server dan klik Next
6. Browser Cache
- Jalankan test untuk mengaktifkan cache browser. Fitur ini meningkatkan efisiensi caching di sisi pengunjung, mempercepat pengalaman browsing. Pilih Enable dan klik Next
- Lazy Load
- Lazy Load adalah fitur yang memungkinkan gambar di situs web Anda dimuat secara bertahap sesuai laman/bagian yang anda sedang lihat/akses
Setup telah selesai, anda dapat lakukan test secara berkala dengan optimasi yang telah dilakukan pada artikel ini.