@respirant

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

У меня есть очень большой файл со стилями, и при полном его подключении к проекту, он попросту долго загружается. Есть ли способ убирать ненужные стили автоматически, которые не используются на странице? Может быть плагины какие-то есть.

Я не использую фреймворки.
  • Вопрос задан
  • 83 просмотра
Решения вопроса 2
dmitrybascacov
@dmitrybascacov
Кодим и декодим, а иногда кино смотрим
Code coverage в инструментах разработчика хром может помочь
https://medium.com/devschacht/using-the-chrome-dev...
Ответ написан
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
Мне интересно что там за файл такой со стилями, который так долго грузится. Хотя это не особо важно.

Разделите стили для разных страниц по разным файлам. К примеру если что-то используется на одной странице, выносите это в отдельный файл, который будет грузится только на определённой странице. Например:

Список пользователей: memberlist.css
Профиль пользователя: userprofile.css
Главная страница: homepage.css

И так далее.

Как вариант, ещё можно сократить код несколькими методами:

1. Использовать методологии для сокращения и улучшения кода.
2. Сжатие кода.
3. Создание компонентов. Достаточно хороший способ, избавиться от лишнего кода.
4. Использовать классы, а не чудовищную вложенность в стиле:

.block > div > div > div > div > ul > li > ul > li > span > a { ...... }


5. Использование CSS-переменных в правильной форме и с правильным подходом.
6. Использование препроцессоров, сборщиков, и так далее.

Конечно если файл слишком большой, понадобится время на очистку, но возможно это того стоит? В зависимости от скорости и навыков, обычно это занимает от дня до нескольких дней, если файл слишком большой. Но это лучше, чем держать весь код в виде полотенца которое однажды всё равно придется кому-то чистить.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы