Браузерное кэширование файлов CSS

Ваш файл вероятно будет кэширован, но это зависит...

Различные браузеры ведут себя немного по-разному, особенно при работе с неоднозначными/ограниченными заголовками кэширования, исходящими от сервера. Если вы отправляете четкий сигнал, браузеры подчиняются практически все время.

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

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

...

Итак, во-первых, прочитайте некоторые из превосходных учебников по кэшированию HTTP. HTTP-кэширование и блокировка кеша для издателей контента стало настоящим откровением для меня :-)

Затем установите и возитесь с Firebug и Live HTTP Headers, чтобы узнать, какие заголовки на самом деле отправляет ваш сервер.

Затем прочитайте документацию вашего веб-сервера, чтобы узнать, как настроить его до совершенства (или попросите вашего системного администратора сделать это за вас).

...

Что происходит при перезапуске браузера, зависит от браузера и конфигурации пользователя.

Как правило, браузер с большей вероятностью будет связываться с сервером после каждого перезапуска, чтобы узнать, не изменилось ли что-нибудь (см. If-Last-Modified и If-None-Match).

Если вы правильно настроите свой сервер, он сможет возвращать суперкороткий 304 Not Modified (требует очень небольшой пропускной способности), и после этого браузер будет использовать кеш как обычно.

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

/style.css?modified=20012009

Это зависит от заголовков HTTP, отправленных с файлами CSS, как указано в обоих предыдущих ответах, если вы не добавляете какие-либо данные для очистки кеша в href. например

<link href="/stylesheets/mycss.css?some_var_to_bust_cache=24312345" rel="stylesheet" type="text/css" />

Некоторые фреймворки (например, rails) вставляют их по умолчанию.

Однако, если вы получаете что-то вроде firebug или fiddler, вы можете точно видеть, что ваш браузер загружает по каждому запросу, что особенно полезно для выяснения того, что ваш браузер делает, а не только то, что это должно делать.

Все браузеры должны одинаково учитывать заголовки кеша, если только они не настроены на их игнорирование (но должны быть исключения)

Вероятно, стоит отметить, что IE не кэширует файлы css, вызываемые другими файлами css с помощью метода @import. Так, например, если ваша html-страница ссылается на «master.css», который извлекает «reset.css» через @import, то reset.css не будет кэшироваться IE.

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

Если вы не испортили свой сервер, да, он кэшируется. Все браузеры должны обрабатывать его одинаково. Некоторые люди (например, я) могут настроить свои браузеры так, чтобы они не кэшировали файлы. Закрытие браузера не делает файл в кеше недействительным. Однако изменение файла на сервере должно привести к обновлению файла.