CSS remove and combine. Удаление неиспользуемых стилей CSS

17 февраль 2020   Программы, Веб нет комментариев

CSS remove and combine

CSS remove and combine - расширение для браузера Chrome (Chromium и подобные), удаляет неиспользуемые селекторы из всех таблиц стилей CSS на странице и объединяет результат в одну таблицу стилей, которую можно загрузить на сайт.


Все просто, расширение удаляет неиспользуемые правила CSS на странице. Это не только приводит в порядок и оптимизирует ваши таблицы стилей, но и объединяет их в один файл, который затем можно загрузить.

Подход, используемый расширением, основан на исключении всех селекторов, которые ссылаются на идентификаторы и классы, которых не существует на странице. Диалог быстрого просмотра предоставит пользователю информацию о количестве используемых и неиспользованных селекторов на странице. Также имеется отчет о неиспользуемых селекторах, который можно использовать для проверки того, как сработало расширение.

Перед использованием CSS remove and combine следует отключить все внешние подгружаемые элементы: счетчики посещений, социальные кнопки и другое. Жмем кнопку - Download Optimized and Combined CSS - сохраняем combined.css и так повторяем для всех основных страниц: главная страница, статья, каталог, товар, корзина, личный кабинет и т.д. Остается совместить вручную все сохраненные стили combined.css в один файл.

Удаление неиспользуемых CSS стилей

Ранее подобные известные расширения были в Firefox, но увы Mozilla все интересные дополнения удалила со своего сайта. Также имеется сайты unused-css.com и purifycss.online, которые аналогично удаляют неиспользуемые CSS стили, особо можно выделить purifycss.online - отличный вариант, где можно добавлять выборочные страницы +Add more URLs, например в этом блоге основные страницы это: главная и статья (article).

Удаление неиспользуемых CSS стилей

Также в браузере Chrome (Chromium) имеется встроенная подобная возможность, жмем:
Просмотреть код (Ctrl+Shift+I) - сверху 3 точки далее More tools > Legacy Audits - Run.


Скачать


Оставить комментарий

Яндекс.Метрика
Рейтинг@Mail.ru