Для производительности используйте один или несколько файлов CSS?

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

Grz, Kris.

вам следует использовать несколько файлов css, а не один большой файл. Это помогает вам при поддержании вашего сайта также использовать разные определения (имена классов или идентификаторов) в разных css, в противном случае он возьмет то, которое было объявлено позже.

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

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

Для максимально быстрой загрузки и рендеринга страницы правила производительности Yahoo верны. Вам нужно как можно меньше HTTP-запросов.

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

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

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

Наличие одного файла CSS не только помогает с HTTP-запросами, но и обеспечивает лучшее сжатие (сжатие одного большого файла должно дать лучшие результаты, чем сжатие нескольких файлов меньшего размера).

Моя стратегия проста. Я отделяю производство от разработки как в файлах CSS, так и в файлах JS. в процессе разработки у меня может быть до 20 файлов JS и 10 файлов CSS, организация очень удобная и простая, я всегда знаю, где все находится.

В производственной среде все файлы минифицированы в файлы 1js и 1css, изменения всегда вносятся в процессе разработки, а затем «вводятся» в производство, поэтому я получаю удобство сопровождения приложения и производительность в производственной среде.

Я использую Yahoo minifier для минимизации файлов, но вы можете использовать все, что вам удобно.

Удачи

Если для вас важна производительность

Тогда

Если ваш сайт небольшой, но получает большой трафик, выберите один файл css

, если сайт небольшой, личный или бизнес-сайт, но с меньшим трафиком, перейдите на несколько css

Если вам важна возможность обслуживания файлов CSS

Тогда

Если ваш сайт небольшой, с меньшим количеством разных страниц, выберите один файл css.

если сайт большой, используйте несколько css http://www.killersites.com/blog/2008/how-to-organize-css/

HTTP-запрос файлов CSS не будет иметь большого значения в исполнении небольшого сайта.

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

Посмотрите этот отличный скрипт, который превратит ваши несколько файлов CSS / JS в один файл:

http://code.google.com/p/minify/

Правильный способ использования нескольких таблиц стилей ... так что он РАБОТАЕТ?

Взвесьте.

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

• Уменьшение задержки. Каждый загружаемый компонент имеет небольшую задержку. Меньше файлов => меньше задержек
• Единая точка сжатия

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

• Изменение одного файла не требует повторной загрузки всего css. Другой css может обслуживаться из кеша
• Структура
• Скачайте только то, что вам нужно. Если у вас нет форм на вашей странице, например, вам не нужно загружать forms.css

То же, что и Yahoo !: Используйте единицу, чтобы уменьшить количество HTTP-запросов.