Minifikasi CSS dan JavaScript serta terapkan lazy-load pada gambar

1. Uji satu perubahan dalam satu waktu

   Optimalisasi aset mengubah cara browser menerima file tema Anda. Ubah satu pengaturan, periksa situs, lalu lanjutkan, sehingga masalah memiliki penyebab yang jelas.

2. Buka tab CSS dan JavaScript

   Di WordPress buka Zinn Digital®, Cache Pro, lalu CSS dan JavaScript. Gambar berada di tab tersendiri.

3. Mulai dengan pengaturan default yang aman

   Biarkan opsi "Gunakan default yang aman" tetap aktif. Opsi ini tidak pernah menunda jQuery atau spanduk persetujuan cookie dan membiarkan halaman checkout apa adanya.

4. Tunda JavaScript, lalu hapus CSS yang tidak digunakan

   Aktifkan Tunda JavaScript hingga pengunjung berinteraksi, simpan dan periksa halaman utama Anda dalam keadaan keluar log. Kemudian aktifkan Hapus CSS yang tidak digunakan. Jika ada yang berhenti berfungsi, tambahkan skrip atau lembar gayanya ke daftar file yang dikecualikan.

5. Sajikan gambar WebP dan AVIF

   Pada tab Gambar, aktifkan WebP atau AVIF, lalu konversikan gambar yang ada. Gambar asli tetap berada di tempatnya, dan satu klik akan menghapus setiap salinan yang dikonversi.

Panduan berikutnya: Bersihkan basis data WordPress