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

Question

tyxeo @tyxeo

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

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

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

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

делаю так:

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

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

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

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

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 ещё

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

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

+1 ещё

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

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

+1 ещё

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

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

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

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

+1 ещё

Простой
Почему не отображаются картинки на сайте?
- 1 подписчик
- 23 мар.
- 155 просмотров
0

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

+1 ещё

Простой
Что такое бэкенд-сервер?
- 2 подписчика
- 22 мар.
- 2021 просмотр
6

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

+1 ещё

Простой
Загадка "проталкивания оплаты": совпадение, заговор или техническая особенность?
- 2 подписчика
- 18 мар.
- 471 просмотр
2

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

+1 ещё

Простой
Можно ли считать уникальных посетителей странички по IP?
- 1 подписчик
- 16 мар.
- 715 просмотров
4

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

Простой
Как сделать список с которым можно будет работать в консоли?
- 1 подписчик
- 14 мар.
- 145 просмотров
1

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

+1 ещё

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

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

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

PurpleSchool

До 50 000 ₽

Инженер-электроник (разработка электронных приборов)

Uniscan Research • Новосибирск

от 100 000 до 150 000 ₽

Разработчик Frontend (React) Senior

Decart IT-production

от 240 000 до 290 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

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

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

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

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

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