Как лучше избежать загрузки кешированных файлов?

Question

tyxeo @tyxeo

дальний знакомый Мурыча

Веб-разработка

Как лучше избежать загрузки кешированных файлов?

на этапе разработки и тестирования надо отключить кешрование

делаю так:

<link rel="stylesheet" type="text/css" href="1.css?+Date.now()" />

или так:
<script src="1.js?+Math.random()"></script>

что из этого лучше?
этого достаточно или лучше в файле index.php это делать ?

Вопрос задан более двух лет назад
124 просмотра

9 комментариев

Подписаться 1 Простой 9 комментариев

mayton2019 @mayton2019

А зачем это делать?

Написано более двух лет назад
ksnk @ksnk

Возможно, стоит познакомится с документацией. Если доступно изменение заголовков - то поставить на период отладки Cache-Control: no-store может оказаться разумным решением.

Более правильным вариантом, если изменения заголовков невозможны, будет прописать время изменения файла.

mayton2019, к примеру, включено кэширование заголовком Cache-Control: навечно

Написано более двух лет назад
tyxeo @tyxeo Автор вопроса

ksnk, где нужно прописывать Cache-Control ?
в php файле?

Написано более двух лет назад
mayton2019 @mayton2019

ksnk, ну да. Для вечного кеша есть даже эффект "отравления". Poisoned cache.

Но если кеш nginx не справляется со своей работой (вы его пытаетесь хачить) то значит
надо пересмотреть саму стратегию.

Я-бы обновил версию приложения так чтобы 100% ссылок обновились. Например в RestAPI
делают версии /api/v1, /api/v2 и так далее. Обновляем версию и старые кеши умерли навсегда.
До перезагрузки nginx или там до чистки диска.

Вот. А по проблеме кеша еще один великий писал. Что в It есть две проблемы. Как назвать
переменную. И как инвалидировать кеш.

Написано более двух лет назад
tyxeo @tyxeo Автор вопроса

mayton2019, а если у меня совсем простая архитектура -

одностраничник html с прилинкованными к нему файлами js и css

все три файла надо некешировать на время внедрения и тестирования

будет ли достаточным добавлять к пути к файлам случайное число +Math.random() или ?+Date.now() ?
и указать заголовок Cache-Control в html метатегах и в php

Написано более двух лет назад
ksnk @ksnk
tyxeo, да что-то вроде
<?php // самые первые строки файла, пока ничего не выводится в броузер header('Cache-Control: no-store'); // все остальное

В принципе - этого может хватить.

Если это одностраничник с известно где расположенными стилями и скриптами, то можно так генерировать ссылки на них

function link($link){ if(is_readable($link)){ return $link.'?'.filemtime($link); } else if(false===strpos('?',$link)) { return $link.'?'.rand(1000,99999); } else return $link; }

<link rel="stylesheet" type="text/css" href="<?=link('css/styles.css')?>"...

Так появится возможность все таки кэшировать на клиенте неизмененные файлы. По внешнему виду ссылок (количество цифр после имени файла) можно понять, находит php файл исходник или нет.
Написано более двух лет назад
tyxeo @tyxeo Автор вопроса
ksnk, так правильно?

<?php header('Cache-Control: no-store'); ?> <!DOCTYPE HTML> <html> <head>...
Написано более двух лет назад
ksnk @ksnk

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

Написано более двух лет назад
mayton2019 @mayton2019

tyxeo, поставь time-to-live в 5 минут и тебе не нужно будет никогда заниматься всякой чепухой типа
ломать URL.

Написано более двух лет назад

Помогут разобраться в теме Все курсы

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Skypro

Веб-разработчик (c индивидуальным сопровождением)

9 месяцев

Далее
Stepik

Fullstack разработка

4 недели

Далее

Решения вопроса 1

13 комментариев

tyxeo @tyxeo Автор вопроса

в моем случае тестируют посетители сайта

Написано более двух лет назад
Сергей delphinpro @delphinpro
tyxeo, ну тогда не нужно отключать кэширование полностью. Достаточно обеспечить загрузку каждой новой версии файла

на php:

<script src="1.js?<?= filemtime('path/to/1.js') ?>"></script>

Загрузите новый файл на сервер, время изменения изменится и пользователям загрузиться новая версия. Эта же версия закэшируется в браузере до следующего обновления.

Можно использовать сборщики фронта. В них уже встроены подобные механизмы.
Написано более двух лет назад
tyxeo @tyxeo Автор вопроса

добавлление к пути к файлам случайное число +Math.random() или ?+Date.now()
- это работает ?

Написано более двух лет назад
Сергей delphinpro @delphinpro

tyxeo, да, это полностью предотвращает кэширование.
только не в таком виде наверное. Так это просто текст

Написано более двух лет назад
Сергей delphinpro @delphinpro

tyxeo, тогда уж на пхп

src="1.js?<?= time() ?>"

Написано более двух лет назад
tyxeo @tyxeo Автор вопроса
и еще сделал так на сервере в файле index.php :

<?php header('Cache-Control: no-store'); ?> <!DOCTYPE HTML> <html> <head> ...
Написано более двух лет назад
Сергей delphinpro @delphinpro

tyxeo, ну вообще так делать не стоит. Я имею ввиду не стоит менять код для разработки. потом менять его для продакшена. поэтому я и предложил вариант с filemtime - он и для продакшена годится. В отличие от time()
Эти временные заголовки (которые в продакшене будут не нужны) тоже лучше прописать отдельно, в .htaccess

Header set Cache-Control "no-store"

Написано более двух лет назад

Сергей delphinpro @delphinpro

tyxeo, вот вам полный набор антикэша

Header set Expires "Mon, 26 Jul 1997 05:00:00 GMT"
Header set Last-Modified "Mon, 26 Jul 1997 05:00:00 GMT"
Header set Cache-Control "no-store, no-cache, must-revalidate"
Header set Cache-Control "post-check=0, pre-check=0"
Header set Pragma "no-cache"

Написано более двух лет назад

tyxeo @tyxeo Автор вопроса

вариант с filemtime хорош
но я еще думаю надо ли и как некешировать html файл

Написано более двух лет назад
tyxeo @tyxeo Автор вопроса
<script src="1.js?<?= filemtime('path/to/1.js') ?>"></script>

нет + после src="1.js?
это допустимый синтаксис?
Написано более двух лет назад
Сергей delphinpro @delphinpro

tyxeo, да

Написано более двух лет назад
tyxeo @tyxeo Автор вопроса

но я еще думаю надо ли и как некешировать html файл

Написано более двух лет назад
Сергей delphinpro @delphinpro

tyxeo, заголовки в htaccess должны помочь

Написано более двух лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Простой
Элемент стилизации на js, как сделать чтобы не было резкой смены картинки фона?
- 1 подписчик
- 27 нояб.
- 182 просмотра
1

ответ
Веб-разработка

+1 ещё

Простой
Как включить ai ассистента в dev-tools в рф?
- 1 подписчик
- 25 нояб.
- 251 просмотр
0

ответов
Веб-разработка

+1 ещё

Простой
Подойдет ли desktop-ubuntu для разворачивания web- сервера?
- 2 подписчика
- 25 нояб.
- 577 просмотров
5

ответов
WordPress

+2 ещё

Простой
Как создать сайт с музыкой?
- 2 подписчика
- 24 нояб.
- 520 просмотров
4

ответа
Веб-разработка

Простой
Какие есть аналоги иностанных web песочниц типа JSFiddle, codepen ...?
- 1 подписчик
- 16 нояб.
- 339 просмотров
1

ответ
Веб-разработка

+1 ещё

Простой
Как реализовать хранение денег пользователей на сайте?
- 2 подписчика
- 15 нояб.
- 675 просмотров
6

ответов
Веб-разработка

+1 ещё

Простой
Каким образом правильно сделать скрипт?
- 2 подписчика
- 15 нояб.
- 372 просмотра
2

ответа
Веб-разработка

+1 ещё

Простой
Почему не работает хостинг Weather API?
- 1 подписчик
- 11 нояб.
- 289 просмотров
0

ответов
Веб-разработка

+1 ещё

Средний
Как запретить отскок сайта webapp telegram?
- 2 подписчика
- 05 нояб.
- 334 просмотра
0

ответов
Веб-разработка

Простой
Какую систему выбрать для документирования и описания структуры и дизайна сайта?
- 4 подписчика
- 03 нояб.
- 459 просмотров
4

ответа
Показать ещё Загружается…

Fullstack Next.js Cursor Developer

Nocodered

от 60 000 до 120 000 ₽

PHP / WordPress разработчик ACF, Elementor (удаленный, свободный график)

Nomadic Soft

от 1 200 до 1 800 $

Fullstack JavaScript разработчик

MakeDifference

от 60 000 до 110 000 ₽

Возможно, стоит познакомится с документацией. Если доступно изменение заголовков - то поставить на период отладки Cache-Control: no-store может оказаться разумным решением.

Более правильным вариантом, если изменения заголовков невозможны, будет прописать время изменения файла.

mayton2019, к примеру, включено кэширование заголовком Cache-Control: навечно
ksnk, где нужно прописывать Cache-Control ?
в php файле?
ksnk, ну да. Для вечного кеша есть даже эффект "отравления". Poisoned cache.

Но если кеш nginx не справляется со своей работой (вы его пытаетесь хачить) то значит
надо пересмотреть саму стратегию.

Я-бы обновил версию приложения так чтобы 100% ссылок обновились. Например в RestAPI
делают версии /api/v1, /api/v2 и так далее. Обновляем версию и старые кеши умерли навсегда.
До перезагрузки nginx или там до чистки диска.

Вот. А по проблеме кеша еще один великий писал. Что в It есть две проблемы. Как назвать
переменную. И как инвалидировать кеш.
mayton2019, а если у меня совсем простая архитектура -

одностраничник html с прилинкованными к нему файлами js и css

все три файла надо некешировать на время внедрения и тестирования

будет ли достаточным добавлять к пути к файлам случайное число +Math.random() или ?+Date.now() ?
и указать заголовок Cache-Control в html метатегах и в php
tyxeo, да что-то вроде
<?php // самые первые строки файла, пока ничего не выводится в броузер header('Cache-Control: no-store'); // все остальное

В принципе - этого может хватить.

Если это одностраничник с известно где расположенными стилями и скриптами, то можно так генерировать ссылки на них

function link($link){ if(is_readable($link)){ return $link.'?'.filemtime($link); } else if(false===strpos('?',$link)) { return $link.'?'.rand(1000,99999); } else return $link; }

<link rel="stylesheet" type="text/css" href="<?=link('css/styles.css')?>"...

Так появится возможность все таки кэшировать на клиенте неизмененные файлы. По внешнему виду ссылок (количество цифр после имени файла) можно понять, находит php файл исходник или нет.
ksnk, так правильно?

<?php header('Cache-Control: no-store'); ?> <!DOCTYPE HTML> <html> <head>...
tyxeo, Нужно смотреть по вкладке Сеть в Хроме. Если файлы каждое обновление страницы качаются заново - то правильно. Если не качаются - нужно смотреть какие реально заголовки кэширования долетают до броузера и почему не те, которые нужно
tyxeo, поставь time-to-live в 5 минут и тебе не нужно будет никогда заниматься всякой чепухой типа
ломать URL.

Answer 1 · 2023-09-27 16:36:49

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

Как лучше избежать загрузки кешированных файлов?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт