Видалення невикористаного CSS: коротша копія кожної таблиці стилів за вашим скануванням

Видалення невикористаного CSS замінює кожну таблицю стилів, яку завантажують ваші відвідувачі, коротшою копією, зробленою з того, що ваші сторінки справді використовують. Нічого не видаляється саме по собі: ви запускаєте сканування, і Baza Helper запитує у ваших сторінок, які правила вони використовують. Опція розташована в Baza Helper > Кеш та оптимізація, тільки в Baza Helper Pro (платні плани). У безкоштовній версії та у версії з каталогу WordPress.org її немає. За замовчуванням вона вимкнена.

Увімкніть і скануйте сайт

1. Відкрийте Baza Helper > Кеш та оптимізація і знайдіть Видалення невикористаного CSS.
2. Позначте Видалення невикористаного CSS і збережіть.
3. Натисніть Сканувати сайт. Тримайте вкладку відкритою, доки сканування не завершиться. Рядок над кнопками показує, скільки сторінок проскановано й наскільки зменшилися таблиці стилів.
4. Відкрийте сайт у вікні, де ви не ввійшли в обліковий запис, і перевірте ключові сторінки, меню, форми та слайдери.

Що робить сканування

Запустити його може лише адміністратор. Сканування відкриває одну за одною в прихованому фреймі головну сторінку, сторінки, які ви додаєте в Додаткові сторінки для сканування, дві останні сторінки кожного публічного типу запису та найпопулярніший термін кожної публічної таксономії, до 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 для першого екрана.