Удалите неиспользуемый CSS, отложите JavaScript и отдавайте WebP и AVIF
Используйте вкладку CSS и JavaScript в Zinn® Cache Pro для удаления неиспользуемого CSS и откладывания скриптов, а вкладку Изображения — для WebP, AVIF и отсутствующих размеров изображений. Узнайте, почему здесь нет параметров минификации или объединения, и как отменить изменение, нарушившее отображение страницы.
- Тестируйте по одному изменению за раз — Оптимизация ресурсов меняет то, как браузер получает файлы вашей темы. Измените один параметр, проверьте сайт и только затем двигайтесь дальше, чтобы причина возможной проблемы была очевидна.
- Откройте вкладку CSS и JavaScript — В WordPress перейдите в Zinn Digital®, выберите Cache Pro, затем CSS и JavaScript. Изображения находятся на отдельной вкладке.
- Начните с безопасных настроек по умолчанию — Оставьте параметр Использовать безопасные настройки по умолчанию включенным. Он никогда не задерживает jQuery или баннеры согласия на использование файлов cookie и не затрагивает страницы оформления заказа.
- Отложите 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