Zinn® Cache: видалення невикористаного CSS, відкладення JavaScript та показ WebP і AVIF

Видаліть невикористаний CSS, відкладіть JavaScript і надавайте WebP та AVIF

Використовуйте вкладку «CSS та JavaScript» у Zinn® Cache Pro, щоб видалити невикористаний CSS і відкласти виконання скриптів, а вкладку «Зображення» — для WebP, AVIF і відсутніх розмірів зображень — чому немає опції мініфікації чи об'єднання та як скасувати зміну, яка порушує роботу сторінки.

1. Тестуйте по одній зміні за раз — Оптимізація ресурсів змінює спосіб отримання файлів вашої теми браузером. Змініть одне налаштування, перевірте сайт, а потім переходьте далі, щоб причину виникнення проблеми було очевидно.
2. Відкрийте вкладку «CSS та JavaScript» — У WordPress відкрийте Zinn Digital®, Cache Pro, а потім «CSS та JavaScript». Зображення розміщено на окремій вкладці.
3. Почніть із безпечних налаштувань за замовчуванням — Залиште параметр «Використовувати безпечні налаштування за замовчуванням» увімкненим. Він ніколи не відкладає jQuery або банери згоди на використання файлів cookie та не зачіпає сторінки оформлення замовлення.
4. Відкладіть JavaScript, потім видаліть невикористаний CSS — Увімкніть параметр «Відкласти JavaScript до взаємодії відвідувача», збережіть і перевірте свої основні сторінки без авторизації в обліковому записі. Потім увімкніть «Видалити невикористаний CSS». Якщо щось перестає працювати, додайте відповідний скрипт або таблицю стилів до списку файлів, які не слід змінювати.
5. Надавайте зображення WebP та AVIF — На вкладці «Зображення» увімкніть WebP або AVIF, після чого конвертуйте наявні зображення. Оригінали залишаються на своїх місцях, а одне натискання видаляє кожну конвертовану копію.
6. Чому немає опції мініфікації чи об'єднання — Об'єднання файлів допомагало за використання HTTP/1.1, але сповільнює сторінки на HTTP/2 та HTTP/3, а мініфікація заощаджує лише кілька відсотків після стиснення файлів, водночас будучи найпоширенішою причиною пошкодження макета. Справжню вигоду дає видалення невикористаного CSS і відкладання JavaScript.

Зі знімками екрана: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress