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

Question

tyxeo @tyxeo

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

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

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

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

делаю так:

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

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

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

Вопрос задан более года назад
119 просмотров

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.

Написано более года назад

Решения вопроса 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 должны помочь

Написано более года назад

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

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

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

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

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

Простой
Как на HTML сделать поиск по сайту?
- 2 подписчика
- вчера
- 820 просмотров
3

ответа
WordPress

+1 ещё

Средний
Как сделать чтобы правильно отображался шаблон сайта?
- 1 подписчик
- 10 апр.
- 226 просмотров
1

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

+1 ещё

Простой
Какие существуют бесплатные конструкторы сайта с подключением своего домена?
- 1 подписчик
- 10 апр.
- 183 просмотра
1

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

Простой
Как правильно хранить SMS-коды?
- 1 подписчик
- 09 апр.
- 189 просмотров
2

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

+1 ещё

Средний
Можно ли удалить скрипт fontawesome из кода сайта?
- 1 подписчик
- 04 апр.
- 183 просмотра
2

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

Простой
Какую платформу выбрать для создания MVP?
- 1 подписчик
- 03 апр.
- 206 просмотров
3

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

+1 ещё

Простой
Как авторизоваться через вторую форму в Postman?
- 1 подписчик
- 31 мар.
- 121 просмотр
0

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

+1 ещё

Простой
Регистрация по номеру телефона?
- 7 подписчиков
- 30 мар.
- 1782 просмотра
1

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

+1 ещё

Простой
Как сделать отправку OTP-код по почте через mailtrap.io?
- 1 подписчик
- 29 мар.
- 175 просмотров
2

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

Простой
Как получить доступ к видеоконтенту (аниме) для моего сайта?
- 1 подписчик
- 25 мар.
- 198 просмотров
2

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

Видеомонтажер для YouTube-проекта (тема: веб-разработка)

PurpleSchool

До 50 000 ₽

Руководитель проектов (web-разработка) Middle+|Senior|English

PERX

До 250 000 ₽

Веб-программист 1c-Bitrix, Bitrix24

Масломарт • Екатеринбург

от 150 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

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

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

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

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

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