Как найти не используемые CSS?

306

01 августа 2017, 15:15

Существует ли какой-нибудь онлайн сервис, чтобы в одно окно можно было вставить html-код страницы, в другое css-файл и он выдал какие стили не используются в html (на них нет ни одной ссылки в коде).

Или для ПК может софт какой есть для этого?

Answer 1

Подобная функция доступна в хроме версии 59+

Answer 2

F12 в Google Chrome Developer Tools и смотрим вкладку Audits там секцию "Remove unused CSS rules". Запускаем, смотрим результаты

Answer 3

в gulp(система сбора веб-приложений) есть task`и, которые могут выполнять разного рода обыденные действия, например минимизировать файлы css, js и т.д. Добавлять префиксы, сжимать jpg, png и тому подобное, его легко выучить, только немного нужно знать js, будет проще. Если хочешь можешь мне файлы скинуть, я их прогоню и удалит тебе css ненужный