Zinn® Cache: Hapus CSS yang tidak digunakan, tunda JavaScript, dan sajikan WebP serta AVIF

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

Gunakan tab CSS dan JavaScript milik Zinn® Cache Pro untuk menghapus CSS yang tidak digunakan dan menunda skrip, serta tab Gambar untuk WebP, AVIF, dan ukuran gambar yang hilang — mengapa tidak ada opsi perkecil (minify) atau gabungkan, dan cara membatalkan perubahan yang merusak halaman.

1. Uji satu perubahan dalam satu waktu — Pengoptimalan aset mengubah cara peramban menerima berkas tema Anda. Ubah satu pengaturan, periksa situs, lalu lanjutkan, sehingga suatu 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 — Tetap aktifkan Gunakan pengaturan default yang aman. Opsi ini tidak pernah menunda jQuery atau spanduk persetujuan kuki 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-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 berkas yang tidak boleh diubah.
5. Sajikan gambar WebP dan AVIF — Pada tab Gambar, aktifkan WebP atau AVIF, lalu konversikan gambar yang ada. Berkas asli tetap tersimpan di tempatnya, dan satu klik akan menghapus setiap salinan hasil konversi.
6. Mengapa tidak ada opsi perkecil atau gabungkan — Menggabungkan berkas memang membantu pada HTTP/1.1, tetapi memperlambat halaman pada HTTP/2 dan HTTP/3, dan memperkecil berkas hanya menghemat beberapa persen setelah berkas dikompresi sekaligus menjadi penyebab tata letak rusak yang paling umum. Menghapus CSS yang tidak digunakan dan menunda JavaScript adalah sumber peningkatan kinerja yang sebenarnya.

Dengan tangkapan layar: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress