Удаление неиспользуемого CSS: укороченная копия каждой таблицы стилей по вашему сканированию
Удаление неиспользуемого CSS заменяет каждую таблицу стилей, которую загружают посетители, укороченной копией, собранной из того, что ваши страницы действительно используют. Само по себе ничего не удаляется: вы запускаете сканирование, и Baza Helper спрашивает ваши страницы, какие правила они используют. Опция находится в Baza Helper > Кеш и оптимизация, есть только в Baza Helper Pro (платные тарифы). В бесплатной версии и в версии из каталога WordPress.org её нет. По умолчанию она выключена.
Включите опцию и просканируйте сайт
- Откройте Baza Helper > Кеш и оптимизация и найдите Удаление неиспользуемого CSS.
- Отметьте Удаление неиспользуемого CSS и сохраните.
- Нажмите Сканировать сайт. Не закрывайте вкладку до конца сканирования. Строка над кнопками показывает, сколько страниц просканировано и насколько уменьшились таблицы стилей.
- Откройте сайт в окне, где вы не авторизованы, и проверьте ключевые страницы, меню, формы и слайдеры.
Что делает сканирование
Запустить его может только администратор. Сканирование по очереди открывает в скрытом фрейме главную страницу, страницы, которые вы добавите в Дополнительные страницы для сканирования, две последние страницы каждого публичного типа записей и самый популярный термин каждой публичной таксономии, всего до 40 адресов. Каждая страница открывается при ширине 1440 и 390 пикселей.
Скрипт в каждом фрейме прокручивает страницу, затем проходит по таблицам стилей вашего сайта и для каждого правила спрашивает у страницы, существует ли элемент для этого селектора. Ответы всех страниц объединяются: правило остаётся, если его использовала хотя бы одна страница. Для каждой таблицы стилей Baza Helper сохраняет укороченную копию в папке uploads/baza-helper-cache/rucss/.
Сканирование работает в браузере администратора, на вашем сайте. Внешний сервис не используется.
Что получают посетители
Пока опция включена, посетители, которые не авторизованы, получают укороченную копию вместо исходной таблицы стилей. Авторизованные пользователи и предпросмотр по-прежнему получают оригинал. Таблица стилей без копии, например после смены номера версии, загружается целиком.
Что сохраняется всегда
- Правила, в которых указано состояние, например is-, has-, active, open или show.
- Правила с hover, focus, active и псевдоэлементами: они проверяются по базовому элементу. Селектор, который нельзя проверить, сохраняется.
- @font-face и @keyframes.
- Блоки @media, @supports, @container и @layer, пока что-то внутри них сохраняется.
- Всё, что вы перечислите в Правила, которые никогда не удаляются, и каждая таблица стилей, которую вы перечислите в Таблицы стилей, которые остаются целыми.
Настройки
- Удаление неиспользуемого CSS: переключатель. После сканирования каждая таблица стилей заменяется укороченной копией.
- Дополнительные страницы для сканирования: адреса страниц, которые выглядят иначе, чем остальные, например посадочная страница или страница магазина. По одному в строке, например /pricing/.
- Правила, которые никогда не удаляются: одна часть селектора в строке, например .modal или .swiper.
- Таблицы стилей, которые остаются целыми: одна часть адреса таблицы стилей в строке, например /plugins/some-plugin/.
Сканируйте снова после изменений
Сканируйте снова после смены темы, плагина или дизайна. Таблица стилей, у которой изменился номер версии (?ver=), остаётся без копии и загружается целиком до следующего сканирования. Забыть сканирование удаляет копии и запись и сразу возвращает все полные таблицы стилей.
Ограничения
- Удаляется только то, что не нашли на просканированных страницах. Правила для страниц, которые не сканировались, и для состояний, которые скрипт включает после действия посетителя, могут быть потеряны. Добавьте страницу в Дополнительные страницы для сканирования или селектор в Правила, которые никогда не удаляются.
- Экономия зависит от вашей темы и плагинов, поэтому фиксированного числа нет. Проверьте страницу после сканирования.
- Это не заменяет Critical CSS, отдельный Pro-инструмент для первого экрана.
