Как задавать версии css?

Question

[0leg5ergeev]

гугл выдаёт много разнообразной информации по поводу того, как задать для css версию и подсовывать самую свежую версию клиенту, не перезагружая её, но вот конкретного примера использования я не нашёл, покажите, пожалуйста, как подобной возможностью пользуетесь вы

Answer 1

[WebDev]

Я добавляю версию /style.css?v=2, и меняю ее каждый раз при изменении файла, рандомное число, как советует IceJOKER , ставить наверное все-таки не надо, так как файл перестанет кэшироваться браузером.

Answer 2

[Александр]

Можете использовать Gulp или Grunt сборщики для автоматического добавления версионности для css/js файлов. Также сможете заодно их минимизировать.

Answer 3

[Тимофей Дергачёв]

Используйте hash в названии файла style.baedb042c16e1bf.css. Для сборки советую использовать webpack.

Делать хеш через вопросительный знак не рекомендуется, могут быть проблемы с кеширующими прокси и CDN.

Comments

[0leg5ergeev]

хеш как-то вычисляется или тоже рандомный набор цифр-букв?

[Тимофей Дергачёв]

0leg5ergeev: хеш вычисляется на основании содержимого файла. Поменяли что-то в файле, хеш изменился. Для gulp смотрите gulp-rev.

Answer 4

[Растишка]

Я на php получаю timestamp последнего изменения файла. Проблем с производительностью нет, операция достаточно быстрая.
/style.css?ver=1450975943

Преимущества:
- файл берется из кеша до тех пор, пока не был фактически изменен
- нет необходимости помнить какие файлы менял, а какие нет → меньше вероятность ошибки и меньше работы

Answer 5

[IceJOKER]

добавляете к ссылке с css случайные числа.
/templates/some/css/style.css?{RANDOM_NUMBERS}
Math.rand()

Comments

[0leg5ergeev]

и каждый раз, как что-то меняю в css, менять числа?

[IceJOKER]

0leg5ergeev: файл css так и сохраняете style.css, а вот к ссылке уже добавляете случайно число, таким образом браузер в каждый раз будет выдаваться свежая версия css

[IceJOKER]

*выдавать свежую версию

[0leg5ergeev]

IceJOKER: ну, я хочу как раз чтобы кешилось каждый раз нужное, а тут пролучается, что вообще ничего не кешится. На данный момент в проекте css весит около 100кб, что не очень хорошо

[IceJOKER]

0leg5ergeev: "как задать для css версию и подсовывать самую свежую версию клиенту" - вы противоречите сами себе. если хотите , чтоб кешировался файл, то просто отдавайте его, браузер сам закеширует его. либо в ручную задавайте версию как написал Кирилл