Желательно-ли все файлы css поместить в 1 файл?

Question

[r31rus]

Собралось множство файлов css которые подключены к Html странице. Желательно-ли все файлы css поместить в 1 файл? Влияет-ли это на скорость обработки сайта браузером?

Answer 1

[Денис Олешкевич]

На обработку не влияет, но влияет на скорость загрузки. Для скачивания нескольких файлов браузер потратит больше времени. Если настроен keep-alive, то меньше, но все равно больше, если бы файл был один. Если канал нестабильный или ненадежен, то возможны случаи, когда скачались не все файлы, и как тогда будет выглядеть страница - очень сложно предсказать.

Comments

[r31rus]

Так как мне поступить у меня уже 12 файлов. Пусть будут раздельно?

[Денис Олешкевич]

Рекомендую склеить их с помощью LESS. SASS или своего скрипта в один файл и генерить из него один CSS. Это позволит сохранить существующую структуру файлов, и в тоже время подключать на клиенте один файл.

Answer 2

[Сергей Иванов]

*** Отредактировано

для проверки скорости вот вам в помощь

проверка скорости и пр.

минификация + все в один файл

Answer 3

[r31rus]

Посмотрим на ответы еще.... Как-то читал что влияет мол распаковка занимает какое-то время

Answer 4

[zooks]

Пока не вышел HTTP 2.0 не только желательно, но если файлов много - обязательно.
С одним CSS меньше подключений и следовательно выше скорость.

Answer 5

[Саша Ткаченко]

Лишний запрос на сервер это плохо.
Поэтому лучше весь css поместить в один файл.
Если же страниц много и они сильно отличаются между собой, правильней будет подключить два файла стилей, один который имеет дэфолтный набор стилей и общий стиль для всех страниц, второй который имеет стили конкретно под свою страницу.
Запроса на сервер будет два, но это лучше чем один большой css файл в котором собраны стили всех страниц, которые имеют разный дизайн.
И как уже писали выше, еще можно сжать css файл, это так же ускорит загрузку таблицы стилей браузером.