Подключаем стили и скрипты в шаблон сайта правильно

Наверняка у начинающего web мастера часто возникала такая ситуация, когда клиент просит сделать пару мелких изменений в стилях или скрипте сайта. Разработчик вносит их за пару минут, но через день-два клиент удивленно спрашивает — почему до сих по ничего не сделано?

Все дело в кэшировании. Файлы стилей (*.css), скриптов (*.js) а также ряд других могут кэшироваться браузером на стороне клиента. И какие бы изменения вы не внесли, без очистки этого самого кэша пользователи могут их попросту не увидеть. Можно конечно посоветовать им нажать комбинацию клавиш Ctrl+R (всем десяти миллионам), но куда проще один раз «правильно» добавить файл стиля в шаблон сайта.

Выглядит это следующим образом:

<link rel="stylesheet" href="/style.css?<?=filemtime($_SERVER['DOCUMENT_ROOT'].'/style.css')?>"  type="text/css" />

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

Аналогично для файла javascript:

<script src="/script.js?<?=filemtime($_SERVER['DOCUMENT_ROOT'].'/script.js')?>" type="text/javascript"></script>