Как настроить кэширование сайта?

Question

[leham1]

Здравствуйте.
Обновил сайт, но браузер показывает прошлый контент, так как он его закэширован. Точнее текст меняется, но стили не меняются (возможно потому-что они находятся в файле .css).
У себя то я удалю кэш, но хотел бы понять как сделать чтобы и у других пользователей обновился мой сайт, а не брался из кэша.
Пробовал такие варианты вставлять в код (но они не работают почему-то):

вариант 1:

<meta http-equiv="Cache-Control" content="no-cache">

вариант 2:

<meta http-equiv="Cache-Control" content="max-age=3600, must-revalidate">

вариант 3:

<meta name="expires" content="Sun, 06 Dec 2020 18:40:04 GMT">

Подскажите пожалуйста как управлять кэшированием сайта? Чтобы у других пользователей показывался правильный последний контент.

Вообще у меня index.php но пробовал изменить и на index.html. Тоже не помогло...

В это место страницы index вставлял варианты:

Comments

[キム ファイブプラス]

Nginx?

[Newto]

Если файл все же index.php, то добавьте в начало файла:

<?php
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');

[leham1]

Newto, спасибо за то что помогаете, но увы тоже ничего не вышло. По прежнему изменения не отображаются...

[leham1]

キム ファイブプラス, я точно не знаю...
Сайт делаю на конструкторе web Builder. Хостинг: Mакхост.

[Newto]

А, упустил момент, у вас же стили не меняются, а не контент страницы. Тогда подключайте стили так:

<link href="css/index.css?<?= rand(1000, 10000); ?>" rel="stylesheet">

[leham1]

Newto, Спасибо огромное. Теперь стили меняются. Если хотите, можете написать это в ответы и я отмечу это как РЕШЕНИЕ.

[crast]

Почему не добавлять версию к styles.css? Или, еще вариант, - запретите кэширование css в самом .htaccess

[Newto]

А лучше так:

<link href="css/index.css?<?= time(); ?>" rel="stylesheet">

Сплю уже)

[leham1]

Newto, да, так будет еще надежнее. Спасибо)

[leham1]

crast, насчет добавления версии к styles.css, это действительно работает. Насчет других вариантов, я к сожалению не понимаю как это делать. Спасибо за отклик.

Answer 1

[Newto]

<link href="css/index.css?<?= time(); ?>" rel="stylesheet">

Comments

[Дмитрий]

Filemtime вместо time позволил бы и кешировать в браузере и вовремя обновлять

Answer 2

[Северное Сияние]

делал так:

все css/js ресурсы внедряются в хтмл посредством хэлпера:

<?= $this->getCss('local', 'backend.css') ?>

а отдаются через контроллер:

class Css extends Controller
{
    public function run()
    {
        $paths = [
            Application::getAnchor($this->getRequest()->getRequest('module'))::getPath(),
            'resources',
            'css',
            $this->getRequest()->getRequest('file')
        ];
        $path = implode(DIRECTORY_SEPARATOR, $paths);

        try {
            $resource = new ResourceCss($path);
            $resource->checkMieType();

            $this->getResponse()
                ->unsetHeader(Response::HEADER_LAST_MODIFIED)
                ->unsetHeader(Response::HEADER_EXPIRES)
                ->unsetHeader(Response::HEADER_CACHE_CONTROL)
                ->unsetHeader(Response::HEADER_PRAGMA);

            if (!Request::IfModifiedSince($resource->getModificationTime())) {
                return $this->getResponse()->setHttpStatusCode(304);
            }

            $this->getResponse()
                ->setHeader(Response::HEADER_CONTENT_TYPE, 'text/css; charset=utf-8')
                ->setHeader(Response::HEADER_LAST_MODIFIED, $resource->getModificationTime()->formatHttpDate())
                ->setHeader(Response::HEADER_CACHE_CONTROL, 'no-cache, must-revalidate');

            return $resource;
        } catch (\Exception $e) {
            throw $e;
        }
    }
}

суть в том, что контроллер проверяет last modified since запрошенного css
если не изменился - отдает 304, если изменился - читаем файл, посылает новый Last-Modified и отдает его.