Один CSS-файл против нескольких для разных страниц - PullRequest
6 голосов
/ 04 августа 2010

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

Каковы относительные преимущества и недостатки использования одного файла CSS по сравнению с несколькими для разных страниц?

Ответы [ 4 ]

7 голосов
/ 04 августа 2010

Преимущества одного CSS-файла

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

Преимущества нескольких CSS-файлов

  • Уменьшает пропускную способность, особенно если какой-либо конкретный пользователь вряд ли будет просматривать многие из различных типов страниц на вашем сайте во время своего посещения (что может быть в случае, если ваш сайт разделен на почти полностью не связанные между собой дочерние сайты). Обратите внимание, что несколько файлов CSS увеличат количество HTTP-запросов, что, несмотря на экономию полосы пропускания, может фактически снизить скорость загрузки в современных соединениях.

Обычно я за то, чтобы в большинстве случаев для сайта был один CSS-файл.

1 голос
/ 04 августа 2010

Я согласен с другими ответами, что один файл, как правило, лучше, и я добавлю, что по моему опыту, после минификации и gzip (вы делаете оба, верно?) Ни один CSS, который я когда-либо обслуживал, не был больше, чем Горстка килобайт. CSS-файлы могут иметь физическую длину с точки зрения количества строк исходного кода, но когда вы сокращаете их, они становятся довольно компактными (и вы можете подумать, что текста не так много).

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

1 голос
/ 04 августа 2010

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

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

0 голосов
/ 19 сентября 2017

Добавление к принятому ответу:

Преимущества нескольких файлов CSS

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...