Мне интересно, нужно ли создавать один или несколько файлов для файлов CSS?
Я всегда вижу веб-сайты с большим количеством файлов css, но кажется лучше использовать только один большой файл.
Каков ваш совет?
Эффективность: вам лучше работать с одним файлом, так как это приводит к одному соединению и запросу на сервер (это, как правило, дорогостоящие операции, временные).
Вот почему существуют minifying, которые объединяют все файлы CSS (и JavaScript) для каждой страницы и обслуживают их по одному запросу.
Моя стратегия на этом проста. Я отделяю производство от разработки, как в файлах CSS, так и в файлах JS. в разработке у меня может быть до 20 файлов JS и 10 файлов CSS, организация супер гладкая и простая, я всегда знаю, где все.
В процессе производства все файлы минимизируются в 1js и 1css файл, изменения всегда производятся в процессе разработки, а затем "устраиваются" для производства, поэтому я получаю поддержку для приложения и производительность в процессе производства.
Я использую Yahoo minifier для минимизации моих файлов, но вы можете использовать все, что вам удобно.
Удачи.
Наличие одного файла CSS не просто помогает с HTTP-запросами, но и улучшит сжатие (сжатие одного большого файла должно дать вам лучшие результаты, чем сжатие нескольких файлов меньшего размера).
Различные HTTP-запросы вряд ли являются узким местом здесь, в конечном итоге размер файла. Причина, по которой это лучше всего разделить, как можно больше, состоит в том, что если вы хотите изменить определенную вещь вашего сайта, скажем, шрифт всех заголовков, вы хотите изменить один файл/настройку только для этого и хотите этот файл должен быть как можно меньше.
Для большого и encompasing CSS я бы делал разные документы CSS для всех разных вещей, таких как макет, обработка классов и т.д. Еще одно преимущество заключается в том, что если у вас несколько страниц, которые немного отличаются от на главной странице, они должны привязываться только к одному другому файлу CSS, а не к совершенно другому, большинство из них - доля.
Используйте не слишком много разных файлов css или, по крайней мере, пытайтесь поместить их в другие домены, чтобы ускорить загрузку их браузером. Я также предлагаю использовать инструмент .
Grz, Kris.
Если производительность имеет значение для вас
Тогда
Если ваш сайт небольшой, но он получает огромный трафик, перейдите на один файл css
Если сайт является небольшим персональным или бизнес-сайтами, но с меньшим трафиком, перейдите к нескольким css
Если для вас важна техническая поддержка файлов CSS
Тогда
Если ваш сайт мал с менее разными страницами, перейдите на один файл css.
если сайт большой, то перейдите к нескольким css http://www.killersites.com/blog/2008/how-to-organize-css/
HTTP-запрос файлов CSS не будет иметь большого значения в производительности небольшого сайта.
Ну, так же, как Yahoo!, Используйте один, чтобы уменьшить количество HTTP-запросов.
Для быстрой загрузки и рендеринга страницы правила производительности Yahoo правильны. Вы хотите как можно меньше HTTP-запросов.
Однако на многих сайтах просто не удобно иметь один большой CSS файл. Лучше всего организовать ваш CSS на столько файлов, сколько захотите, а затем использовать серверную часть script для объединения файлов. GZIP'ing, что файл идет длинный путь тоже.
вы должны использовать более одного файла css, используя один большой файл. Он помогает вам при сохранении вашего сайта также использовать разные определения (имена кладов или идентификаторов) в разных css, иначе он примет тот, который был объявлен позже.
Но для повышения производительности вы можете использовать один большой файл, потому что, Один большой файл CSS приводит к меньшему количеству HTTP-запросов, что может повысить производительность.
Несколько небольших файлов приводят к упрощенной организации, что упростит и упростит разработку и обслуживание.
Несколько файлов подходят для организации, но один запрос на сервер определенно лучше. Если вы посмотрите видео с производительностью из Google, они предлагают минимальное количество HTTP-запросов. Каждый HTTP-запрос имеет накладные расходы в рукопожатии, которые вы не хотите выполнять, если вы хотите, чтобы ваш сайт был быстрым.
Ознакомьтесь с этим замечательным script, который возьмет ваши несколько файлов CSS/JS и превратит их в один файл:
Правильный способ использования нескольких таблиц стилей... поэтому он РАБОТАЕТ?
Взвесьте его.
Преимущества одного файла CSS
Преимущества нескольких