Видаліть невикористаний CSS, відкладіть JavaScript і надавайте 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 — ось де полягає реальна вигода.

Наступний посібник: Очистити базу даних WordPress