Как убрать лишние и неиспользуемые стили в CSS

Плюсануть
Поделиться

Как-то сливал часть шаблона с купленной темы для WordPress, чтобы получить обыкновенный html-файл, после чего его нужно было вновь натянуть на мой лёгкий шаблон для WordPress.

Если вы считаете, что это бесполезный труд — вы не работали с покупными темами для WordPress. У 95% этих шаблонов ебанутый код (это даже я секу, хотя ничего, кроме быдлокода, родить не в силах), нелогичная архитектура (архитектура в шаблоне, лол) и от малейшей кастомизации вёрстка едет далеко за границы ваших мониторов. Плюс всё это говно, как правило, сильно тормозит сайт. Но этого сильно мало, поэтому такие шаблоны тянут за собой ворох дырявых плагинов (которые можно заменить парой строк в functions.php), чем ещё сильнее душит дешёвый шаред хостинг на сраном Бегете, ценой в обед шавермой.

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

Как почистить CSS

Ох, столько воды налил. В общем, раньше в Хроме была такая фича — браузер подсказывал что можно оптимизировать на странице, в том числе и какие стили можно удалить. Начал искать фичу — не нашёл. Искал куда перенесли этот пункт, но ничего нет, только старые мануалы, не соответствующие действительности. Даже попытался попробовать какие-то плагины для Firefox, но они не вставали на Quantum, либо были совсем заброшены.

Но спустя пару дней я случайно нашёл куда переместился пункт с аудитом страницы в Chrome. Раньше раздел для проверки кода (который и показывал ненужные css-стили) назывался Audits. Теперь там совершенно другой отчёт, а нужный нам переместился в Legacy Audits.

Вот как жить, если такие важные фичи переносят в другое место, а оповещений нет? Несколько дней искал решение проблемы!

Открываем инструменты разработчика (комбинацией ⌥⌘I или из меню) и жмём сюда:

Как убрать лишние и неиспользуемые стили в CSS

Жмём Run и ждём несколько секунд.

Как убрать лишние и неиспользуемые стили в CSS

Ура, теперь мы знаем какие стили можно удалить.

Осторожней с чисткой! Если на тестируемой странице не используются какие-то css-стили, то это не значит, что они не используются на всём сайте.

А теперь давайте дружно отпостим эту статью в социальные сети, чтобы зашло побольше людей, вырос ПФ у странички и она вышла в топ по запросам, связанным с чисткой css. Ведь люди всё ещё находят неактуальные маны, открывают вкладку Audits и не получают желаемое!

Сделать хорошо

Понравилась страница? Поделитесь ей со своими подписчиками.

Плюсануть
Поделиться

Спасибо.

Опубликовано: 22 Дек, 2017 | Метки: , ,
Комментарии