Hapus CSS yang tidak digunakan, tunda JavaScript, dan sajikan WebP serta AVIF

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.

6. Mengapa tidak ada opsi untuk meminimalkan atau menggabungkan

   Menggabungkan file memang membantu pada HTTP/1.1, tetapi memperlambat halaman pada HTTP/2 dan HTTP/3, dan minifikasi hanya menghemat beberapa persen setelah file dikompresi serta menjadi penyebab paling umum dari tata letak yang rusak. Keuntungan nyata terletak pada menghapus CSS yang tidak digunakan dan menunda JavaScript.

Panduan berikutnya: Bersihkan basis data WordPress