Как удалить не используемые стили css учитываю все страницы и js?

Question

[Solodukha]

На моём сайте более 1400 страниц, и он существует около 5 лет, над сайтом работали разные программисты, по этому очень многие стили не нужны. Как проверить всего одну страницу - это мне понятно, есть много сервисов, таких как аудит от гугл хром и т.д. Но все они узнают стили на конкретной странице, а мне надо на всех(css общий). Я использовал скрип helium, но ему нельзя доверять. Он не учитывает классы, прописаные в js, так же он не учитывает @ media и псевдоэлементы. + ко всему не удобная выдача результата (просто имена классов разных цветов без тела). Скорость загрузки сайта низкая из-за огромного .css. Я понимаю, что не будет решения по 1 клику и всё готово. Возможно кто-то сталкивался и таким и может подсказать подход, который будет реально работать?

Comments

[WapSter]

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

[uRoot]

Тут были?
Есть ли утилита для удаления неиспользуемого css?
Как удалить не используемые стили из CSS файла?

[Rustam Bainazarov]

Люди советуют через Coverage в Chrome.

[Solodukha]

Рустам Байназаров, Да, полезная вещь, но опять же для одной страницы

[Rustam Bainazarov]

Solodukha, там какой-то механизм есть для сбора данных по тем страницам, которые вы посетите в рамках сессии. Не только по одной.

Уже ушёл человек, который мне это подсказал, сам в вопрос не вникал.

[Yustas Alexu]

Скорость загрузки сайта низкая из-за огромного .css

Обычно даже очень большой css файл не является проблемой, потому что css кешируется. Проблема бывает в том, что из-за большого количества стилей они перекрывают друг друга и отрисовка контента сопровождается изменениями во внешнем виде сайта по ходу загрузки, так называемый flash of unstyled content. Вы уверены, что сайт тормозит именно из-за CSS? Если так можно попробовать для начала перенести CSS в cdn или попробовать оптимизироваь сначала другие вещи, например перенести скрипты в body, сжать и минифицировать их, оптимизировать и т.д.

[Solodukha]

Yustas Alexu, все возможные сжатия уже произведены, дело точно в css, я перенёс основную часть из header "вниз" страницы, и скорость значительна возросла

Answer 1

[camelCaseVlad]

Как раз недавно вышла статья на css tricks, прям в тему (на английском)

https://css-tricks.com/how-do-you-remove-unused-cs...