Сидел верстал сайт и вот обнаружил что css в минифицированном виде занимает 138кб. И не ясно много это или мало. Сайт достаточно средний по размеру, и в файле хранятся стили вообще всего что там есть. Стили компилированные на sass.
Так вот я и задумался - как более кошерно делать: фигачить стили всего сайта в один файл - он получается большой и жирный, за то скачиваешь его 1 раз и не паришься.
Или же лучше разбивать css постранично. Ну то есть есть конечно файл с базовыми стилями, потом файл для какой то одной страницы, потом для другой...и тд.
138кб это нормально (если у вас не сайт-визитка).
Гугл рекомендует упаковывать все стили в один файл, чтобы было меньше http-запросов. Но если у вас странички грузятся долго, то имеет смысл вынести базовые стили в отдельный файл и грузить его первым. но гуглу это не нравится. компромиссный вариант - вынести базовые стили в тег style в начале страницы, но этот подход многие осуждают.
"Фигачить в один файл" - нормальная практика. Разбивать можно по разделам, которые сильно отличаются по оформлению и по версиям для разных размеров экранов. Особенно если стили занимают значительную долю от общего объема.
Простой
Средний