Чистка css

Вторая часть серии «Разгоняем показатели PageSpeed до 100»

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

Что делаем:

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

Вкладка Coverage в Chrome DevTools (F12 → Coverage) — показывает, какие стили не применяются (они выделены красным цветом). Важно удалять эти стили осторожно!

Потому что они могут:

✅ Использоваться на других страницах сайта

✅ Активироваться при определенных состояниях (:hover, :active)

✅ Применяться динамически через JavaScript

✅ Быть зарезервированы для будущего функционала

Поэтому перед удалением нужно проверить использование конкретных стилей по всему проекту и убедиться, что они не используются в других шаблонах/страницах, медиа-запросах, js скриптах. После удаления обязательно перепроверить, что ничего не поломалось.

Все части серии “Как разогнать PageSpeed и Lighthouse до 100” — по хэштегу #pagespeed в Telegram (@naweba) или в моём блоге в Teletype.

Пусть зелёная зона будет с нами 🙌