Как принудительно обновлять файлы стилей в кэше

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

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

<link rel="stylesheet" href="" type="text/css" media="screen" />

Эту строчку чаще всего можно встретить в файле header.php. Есть такая функция – filemtime. Она возвращает время последнего изменения файла. Это время можно автоматически добавлять в ссылку на файл style.css. Если сделать так:

</pre>
<p>то функция вернет время последнего изменения файла style.css. Это и можно использовать для формирования всегда актуального варианта файла для кэширования. Используя эту функцию, получаем:</p>
<pre><link rel="stylesheet" href="?" type="text/css" media="screen" />

В результате адрес до файла style.css каждый раз при его редактировании автоматически изменяется с

http://путь_до_файла/style.css

на

http://путь_до_файла/style.css?20111115124136

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