Версии стилей или как заставить пользователей очистить кэш

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

Нам такого счастья не надо, надо чтобы пользователи своевременно увидели изменения на сайте и «заценили новшества».

На помощь приходят «версии стилей». По сути это get параметры, которые правда не играют никакой роли в css и js файлах, но темне мение заставляют браузер скачать новый файл и отрендерить его.

Как это делается?
Допустим имелся блок

<div id=block> бла бла бла </div>

И где-то выше был добавлен файл css со стилем для него:

<link href=’/css.css’ rel=’stylesheet’ type=’text/css’>

При изменении в нём просто исправим эту строку на что-то из этого рода:

<link href=’/css.css?v1.3‘ rel=’stylesheet’ type=’text/css’>

Можно конечно изменить имя файла, но это лишние телодвижения. Для удобства можно ставить дату изменений, день рождения близких и т.д. .. что душе соблаговолит.

 

Похожий код:

Фото аватара
Алексей Петров

Программист, разработчик с 5 летним опытом работы. Учусь на разработчика игр на Unity и разработчика VR&AR реальности (виртуальной реальности). Основные языки программирования: C#, C++.

Оцените автора
Бла, бла код
Добавить комментарий