Speed advisor: что включить для более быстрого сайта

Советник по скорости читает вашу главную страницу (и последний импортированный отчёт Lighthouse) и перечисляет, что включить в Baza Helper, а что может исправить только тема. Это карточка вверху диагностики производительности в Baza Helper > Кеш и оптимизация.

Запуск

1. Откройте Baza Helper > Кеш и оптимизация и найдите карточку Советник по скорости.
2. Нажмите Проанализировать сайт. Плагин запрашивает вашу главную страницу с того же сайта, а также использует последний отчёт Lighthouse, если вы его импортировали.
3. Прочитайте советы. У каждого пункта есть короткое пояснение. Совет, который уже включён, не предлагается снова.
4. Отметьте, что хотите, и нажмите Включить выбранное. Переключатели включаются вместе, кеш страниц очищается и начинается прогрев.
5. Откройте сайт и проверьте его, особенно формы, меню и слайдеры.

Совет, который плагин может применить, имеет переключатель, а кнопка применяет выбранные сразу. Совет, который плагин применить не может, это простой текст с меткой Сделайте сами и без переключателя.

Если всё рекомендованное уже включено, карточка пишет «Нечего включать: рекомендованные переключатели уже включены». Если главная страница не отвечает кодом HTTP 200, советник сообщает об этом и не даёт советов.

Что он может посоветовать

• Кеш страниц со статической отдачей: страница строится заново для каждого посетителя, и это время до первого байта. Сохранённая копия отвечает сразу.
• Более долгая жизнь кеша (6 часов): копия, живущая пять минут, часто исчезает до прихода посетителя или теста скорости. Кеш и так очищается, когда меняется содержимое.
• Объединять локальные таблицы стилей в один файл, когда страницу блокируют более шести таблиц стилей: один файл это один запрос вместо многих.
• Шрифты: показывать текст сразу (font-display swap) и загружать основные шрифты заранее (автоматическая предзагрузка).
• Отложить скрипты Elementor и его дополнений.
• Отложить все скрипты, включая jQuery и тему: плагин откладывает их в безопасном порядке и держит jQuery первым, когда страница выполняет встроенный код, которому он нужен.
• Защитить и предзагрузить самую большую картинку: самое большое изображение первого экрана находится и загружается первым и никогда не откладывается.
• Отложить загрузку картинок ниже первого экрана, когда на странице более восьми изображений.
• Убрать стили, которые главная страница не использует: когда отчёт Lighthouse показывает таблицу стилей, не используемую на главной более чем на 90 процентов, советник предлагает исключить её только с главной страницы (он добавляет дескриптор с @front в правила в «Скрипты и стили»). Объединённые копии, защищённые дескрипторы и jQuery никогда не предлагаются. После этого проверьте страницу.
• Оставить собственные скрипты темы вне откладывания: показывается, когда включено откладывание всех скриптов, а первый экран рисуется позже чем через секунду после прихода страницы.
• Загружать объединённые таблицы стилей после первого экрана: для этого нужен Critical CSS.
• Сделайте сами: сделайте уменьшенные копии для телефона из больших картинок (вкладка «Изображения», «Создать» с «Пересоздать все»), сгенерируйте Critical CSS кнопкой «Создать автоматически» в панели Critical CSS и сгенерируйте его снова, когда он больше 30 КБ (он делается для одного размера экрана, телефона). Затем проверьте страницу.

Для разработчика темы

Некоторые проблемы нельзя исправить переключателем плагина. Второй список, Для разработчика темы, собирает их со страницы и из отчёта: скрипты в head без defer и плагин или тему, которые их выводят, принудительный reflow, цвета текста со слишком малым контрастом, атрибуты ARIA, не разрешённые на элементе, изображения больше, чем показываются, стили, которые страница не использует, и слишком много работы в главном потоке. Нажмите Скопировать список, чтобы отправить его тому, кто делает вашу тему.

Если jQuery должен оставаться первым, потому что страница выводит встроенный код, который сам его вызывает, советник сообщает об этом и называет скрипты. Оберните этот код обработчиком DOMContentLoaded или выведите его через wp_add_inline_script.

Стоит знать

• Советник меняет только собственные переключатели плагина в Кеш и оптимизация. Он никогда не редактирует вашу тему или другие плагины.
• Он читает только главную страницу. Запустите его снова после смены темы или добавления плагина.
• Импортируйте свежий отчёт Lighthouse в карточке диагностики, чтобы получить факты о неиспользуемом CSS, контрасте и больших изображениях.