Правильно ли дробить CSS на отдельные файлы для каждой страницы?

Question

[Лучник *range attack +10*]

Не хочу, чтобы длинный CSS файл грузился для одной страницы, поэтому разбиваю CSS на отдельные файлы стилей на один общий для всех страниц и отдельные для каждой страницы. Ускорит ли это загрузку страницы или только создаст проблем в будущем? Например, чтобы избежать совпадения названия класса, нужно будет проверить все CSS файлы.

И вообще, есть ли какие-то принятые методики структурирования кода и файлов в проекте?

Answer 1

[Mercury13]

А тут думать надо, что между страницами общего, что различного и будет ли пользователь ходить на какую-то одну часть сайта, игнорируя остальные.

Например, не зазорно, чтобы блог и файлохостинг имели разные CSS. А вот разным частям блога, вероятно, лучше один общий.

Answer 2

[Николай Зебрев]

Файлы нужно дробить на этапе разработке, потом лучше их собрать в один. Лишний файл для загрузки это лишний запрос к серверу.

Answer 3

[Руслан Садыхов]

Так нормально:

site.ru/musics → site.ru/css/musics.css
site.ru/videos → site.ru/css/videos.css

Можно в пример взять vk.com, там такая же схема и всё прекрасно работает.

Answer 4

[tennalian]

Если у тебя на странице будет подрубаться 100500 файлов css в итоге, это нифига не ускорит рендеринг.
Опять таки, ты собираешься дублировать общие стили для каждой страницы?
Посмотри статьи по оптимизации.