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

Question

tyxeo @tyxeo

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

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

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

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

делаю так:

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

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

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

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

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 должны помочь

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

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

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

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

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

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

+1 ещё

Простой
Нормально ли запускать пайтон скрипт по адресу localhost:8000?
- 2 подписчика
- 7 часов назад
- 74 просмотра
1

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

Средний
Подключить сайт к игровому серверу?
- 2 подписчика
- вчера
- 187 просмотров
2

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

Простой
Как работает авторизация по пин-коду?
- 1 подписчик
- вчера
- 74 просмотра
2

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

+1 ещё

Простой
Допустимо ли хранить логи nodejs приложения в mysql бд или есть решения лучше?
- 1 подписчик
- вчера
- 200 просмотров
6

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

Простой
Как автоматизировать покупку товаров?
- 2 подписчика
- 23 дек.
- 215 просмотров
2

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

Простой
Postman. Как увеличить время жизни токена?
- 1 подписчик
- 23 дек.
- 128 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как можно изменить настройки модуля навигации карт Google на Яндекс карты?
- 2 подписчика
- 19 дек.
- 236 просмотров
2

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

Простой
Скрипт для передачи данных, в поисках простого решения. кто может помочь?
- 1 подписчик
- 19 дек.
- 232 просмотра
4

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

Простой
Как создать комнату в браузерной игре?
- 3 подписчика
- 17 дек.
- 400 просмотров
3

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

Простой
Как скачать аудиофайл с сайта, если он отсутствует в Network?
- 1 подписчик
- 15 дек.
- 170 просмотров
3

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

Frontend разработчик

Idea Platform • Москва

от 60 000 до 160 000 ₽

FullStack GameDev Developer (remote)

Wind4Tune

от 60 000 ₽

Менеджер проектов (разработка / интеграция ПО)

КБМК • Москва

от 200 000 ₽

Сделать запись в файл на ubuntu

27 дек. 2024, в 03:33

1500 руб./за проект

Сделать анимацию и отрисовать иллюстрации

27 дек. 2024, в 02:41

50000 руб./за проект

Нарисовать арты

26 дек. 2024, в 23:03

500 руб./в час

Возможно, стоит познакомится с документацией. Если доступно изменение заголовков - то поставить на период отладки 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

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

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

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

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

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