@WebforSelf

Как лучше оптимизировать css?

Вопрос такого плана,
есть к примеру
стандартные стили reset.css
Есть обычные стили по блокам к примеру style.css
/*header*/
тут стиль
/*/header*/
и адаптив responsive.css
там получается media запросы начиная с больших экранов
К примеру
/*@ MEDIA*/
@media (max-width: 1750px) {  

}

@media (max-width: 1600px) {  

}

@media (max-width: 1440px) {  

}
и т.д.


Вот примерно так, или лучше в том же style.css описывать
медиа запросы в том же файле и в том же блоке.
Как лучше реализовать это чтоб потом была возможность расширения блоков и не было каши.

Поделитесь опытом.
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
1. Использовать пре/пост-процессор.
Это позволит вам удобно группировать ваши стили. Порядок – прежде всего!

2. Правила, относящиеся к одной сущности располагать в одном месте.
Вам не нужно будет прыгать по нескольким файлам, чтобы отредактировать какой-то элемент.

3. Использовать билд-систему для подготовки ассетов к публикации. Минификация, оптимизация и т.п. В том числе на этом этапе ваши разбросанные по блокам медиазапросы группируются и переносятся в конец выходного файла, уменьшая общий объем.

Опционально. Стоит всё-таки привыкать к принципу верстки "mobile first".
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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