Что лучше один большой файл css или для каждого компонента свой?
Есть крупный сайт с множеством компонентов, каждый для своей задачи.
Но все стили сайта лежат в одном файле css
Размер фала пока 100 КБит (5000 строк)
Файл постоянно увеличивается, так как сайт наращивает свой функционал. Вообщем волнуюсь за слабые устройства, потянут ли они такой файл? Может стоить разрезать этот файл?
К примеру. Общие стили оставить в основном css файле, а для каждого компонента создать свой css и перенести туда его стили.
Есть смысл разбить файл на мелкие файлы компонентов, а потом сборщиком собирать один минифицированный файл и его подключать на страницу. Гораздо удобнее читать/писать стили + препроцессоры one love + минификация + ...
Это не имеет смысла, так как количество стилей останется тем же, а кол-во запросов к серверу увеличится.
Разделять имеет смысл для удобства разработки, используя сборщик, который будет собирать все в один файл.