yar-ikarus
@yar-ikarus
Аномалия

Каков оптимальный размер css-файла?

Это своего рода философский вопрос.

Сидел верстал сайт и вот обнаружил что css в минифицированном виде занимает 138кб. И не ясно много это или мало. Сайт достаточно средний по размеру, и в файле хранятся стили вообще всего что там есть. Стили компилированные на sass.

Так вот я и задумался - как более кошерно делать: фигачить стили всего сайта в один файл - он получается большой и жирный, за то скачиваешь его 1 раз и не паришься.

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

Ну вы поняли короче.
  • Вопрос задан
  • 1904 просмотра
Пригласить эксперта
Ответы на вопрос 4
IonDen
@IonDen
JavaScript developer. IonDen.com
До мегабайта может доходить на крупных проектах. Не парьтесь. Минификация + gzip и все в шоколаде.
Ответ написан
Комментировать
dmitriy_novikov
@dmitriy_novikov
Занимаюсь web-разработкой с 2010г. http://dmnv.ru
138кб это нормально (если у вас не сайт-визитка).
Гугл рекомендует упаковывать все стили в один файл, чтобы было меньше http-запросов. Но если у вас странички грузятся долго, то имеет смысл вынести базовые стили в отдельный файл и грузить его первым. но гуглу это не нравится. компромиссный вариант - вынести базовые стили в тег style в начале страницы, но этот подход многие осуждают.
Ответ написан
Комментировать
zooks
@zooks
Frontend и Django
Все правильно пишут - включите Gzip. Проверить можно здесь:
www.whatsmyip.org/http-compression-test

"Фигачить в один файл" - нормальная практика. Разбивать можно по разделам, которые сильно отличаются по оформлению и по версиям для разных размеров экранов. Особенно если стили занимают значительную долю от общего объема.
Ответ написан
Комментировать
alexk111
@alexk111
Автор Ботодрома (автоматизация Telegram, VK и др.)
138кб норм. Главное, чтобы все компилировалось в один файл. Включите gzip и вообще огонь.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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