Объединение многостраничного CSS в один файл

Question

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

Answer 1

Да, файлы лучше объединять, но они будут кэшироваться, только если установлены правильные заголовки. Я предлагаю скачать YSlow (или Page Speed), который является плагином для firebug, который анализирует вашу страницу и показывает, насколько она медленная, и дает советы по ее улучшению.

http://developer.yahoo.com/yslow/

Также обратите внимание на инструменты минимизации css, такие как в наборе инструментов YUI, для сжатия кода css и объединения файлов.

http://developer.yahoo.com/yui/compressor/

Answer 2

Объединение CSS-файлов в один даст вам лучшую производительность. Вы можете сравнить это в FireBug (https://addons.mozilla.org/en-US/firefox/addon/1843) в FireFox.

Если вы используете asp.net, взгляните на ScriptReferenceProfiler, он показывает список загруженных ресурсов, их можно объединить для повышения производительности: см. Блог: http://blogs.msdn.com/mikeormond/archive/2008/06/26/asp-net-ajax-scriptreferenceprofiler.aspx

Answer 3

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

В конце концов, все зависит от вас.

Answer 4

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

Пожалуйста, используйте yahoo info для этого.

Answer 5

Вообще говоря, объединение вашего CSS в один файл является хорошей практикой для производственных серверов. Один файл уменьшает количество требуемых http-запросов, и в обоих случаях будет использоваться кэширование (одного или нескольких файлов).

Преимущество меньшего количества http-запросов является наибольшим для новых посетителей.

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