2009-08-03 2 views
1

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

ответ

0

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

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

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

+0

Кэширование не обязательно произойдет. Это зависит от того, насколько кэширование действительно произойдет. – Gumbo

+0

@ Gumbo, как я уверен, вы знаете, это зависит от ряда факторов, включая заголовки, отправленные сервером (например, срок действия) и настройки на клиентской машине (некоторые люди просматривают кеш-меньше). –

0

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

В конце концов, это зависит от вас, что бы ни было лучше.

+0

Или - используйте механизм, который их объединяет. :) –

0

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

Для этого используйте yahoo info.

1

Сочетание файлов 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

2

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

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

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

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

Смежные вопросы