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

Question

tyxeo @tyxeo

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

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

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

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

делаю так:

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

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

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

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

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

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

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

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

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

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

PHP

+3 ещё

Простой
Firefox больше не отправляет в HTTP_ACCEPT image/webp?
- 3 подписчика
- 20 часов назад
- 400 просмотров
2

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

Средний
Как подключить поисковую систему в js?
- 1 подписчик
- вчера
- 81 просмотр
1

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

+1 ещё

Простой
Какой отечественный linux выбрать для веб-разработки?
- 2 подписчика
- вчера
- 1355 просмотров
7

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

+1 ещё

Средний
Как сделать загрузочный экран, чтобы он был виден всем кто онлайн?
- 1 подписчик
- вчера
- 109 просмотров
1

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

Простой
Правильная ли структура объекта для multi menu?
- 1 подписчик
- вчера
- 51 просмотр
0

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

+1 ещё

Простой
На сайте появились реклама, которая не должна быть?
- 2 подписчика
- 20 нояб.
- 269 просмотров
2

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

+3 ещё

Простой
Какие параметры отвечают за rateLimit в Ingress kuberneties?
- 1 подписчик
- 20 нояб.
- 65 просмотров
2

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

Средний
Как сделать автоматический запуск музыки на сайте с постоянным фоновым воспроизведением?
- 1 подписчик
- 18 нояб.
- 109 просмотров
2

ответа
HTML

+1 ещё

Простой
Вопрос по DIV и uKit (не обращайте внимания на знак вопроса)?
- 1 подписчик
- 15 нояб.
- 121 просмотр
1

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

Простой
Почему Django загружает не все css файлы?
- 1 подписчик
- 11 нояб.
- 100 просмотров
2

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

Fullstack разработчик для веб-проектов

Asphera Tech

от 25 000 ₽

Fullstack разработчик (JavaScript, PHP, SQL), веб программист.

CleanTalk

от 1 800 $

Разработчик Drupal ( программист php 7 )

IT House

от 80 000 ₽

После обновления перестал работать старый сайт на Wordpress

23 нояб. 2024, в 19:29

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

Развернуть OpenSource софт на сервере

23 нояб. 2024, в 17:32

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

Сделать бот программу для браузерной игры

23 нояб. 2024, в 15:17

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

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

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

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

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

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

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