Премахване на неизползвания CSS, отлагане на JavaScript и предоставяне на WebP и AVIF
Използвайте раздела CSS и JavaScript на Zinn® Cache Pro, за да премахнете неизползвания CSS и да отложите скриптовете, както и раздела Изображения за WebP, AVIF и липсващи размери на изображенията — защо няма опция за минифициране или комбиниране и как да отмените промяна, която разваля страницата.
- Тествайте по една промяна в даден момент — Оптимизацията на ресурсите променя начина, по който браузърът получава файловете на вашата тема. Променете една настройка, проверете сайта и едва тогава продължете напред, така че възникнал проблем да има ясна причина.
- Отворете раздела CSS и JavaScript — В WordPress отворете Zinn Digital®, Cache Pro, след което CSS и JavaScript. Изображенията са в собствен раздел.
- Започнете със сигурните настройки по подразбиране — Оставете включена опцията „Използване на сигурните настройки по подразбиране“. Тя никога не отлага jQuery или банерите за съгласие с бисквитките и не засяга страниците за плащане.
- Отложете JavaScript, след което премахнете неизползвания CSS — Включете „Отлагане на JavaScript, докато посетителят не взаимодейства“, запазете и проверете основните си страници като отписан потребител. След това включете „Премахване на неизползвания CSS“. Ако нещо спре да работи, добавете неговия скрипт или таблица със стилове към списъка с файлове, които да не се променят.
- Предоставяйте WebP и AVIF изображения — В раздела Изображения включете WebP или AVIF, след което конвертирайте съществуващите си изображения. Оригиналите остават непокътнати, а с едно щракване се премахва всяко конвертирано копие.
- Защо няма опция за минифициране или комбиниране — Комбинирането на файлове помагаше при HTTP/1.1, но забавя страниците при HTTP/2 и HTTP/3, а минифицирането спестява едва няколко процента след компресирането на файловете, като същевременно е най-честата причина за развален изглед на страницата. Премахването на неизползвания CSS и отлагането на JavaScript носи реалната полза.
Със снимки на екрана: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress