Удалите неиспользуемый 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