Как настроить кэширование Nginx + Apache 2?

Question

[BoriHagen]

Есть сайт на хостинге. Нужно вывести в топ по Google Page Speed (не надо плеваться, так хочет клиент). Сайт работает на Nginx + Apache 2. Пробовал вставлять такую конструкцию в .htaccess :

<FilesMatch ".(gif|jpg|jpeg|png|ico|js|css|ttf|woff|woff2)$">
  Header set Cache-Control "max-age=604800"
</FilesMatch>

Ноль результата.

Затем вставил в конфиг nginx.conf в http {} такую конструкцию:

server {
    location ~* ^.+\.(jpg|jpeg|gif|png|ico|js|css|ttf|woff|woff2)$ {
        expires 1w;
        add_header Cache-Control private;

    }
}

Перезапустил nginx. Все прошло без ошибок. Затестил на валидность service nginx status - говорит все ок.

Но кеширования так и не происходит. Что делать не знаю, уже перерыл кучу статей, и перепробовал кучу вариантов.
Есть мысль что я не правильно обращаюсь к location, но что конкретно неправильно я не пойму...

Так же заголовки изображения:

Answer 1

[mrsaa]

в /etc/nginx/nginx.conf вставляете:

proxy_cache_path   /tmp/nginx_static levels=1:2 keys_zone=static_cache:30m max_size=100m inactive=60m use_temp_path=off;

в своем конфиге, в location где проксируете запросы на апач вставляете:

proxy_cache            static_cache;
proxy_cache_revalidate on;
proxy_cache_lock       on;
proxy_cache_valid      200 304 60m;
add_header             X-Cache-Status $upstream_cache_status;
add_header             Cache-Control "private";
add_header             Cache-Control max-age=3600;

Параметры можно оставить эти или отредактировать под свои нужды

Comments

[mrsaa]

BoriHagen, вы не так определили proxy_cache_path
вставьте финальные конфиги в комментарий

[BoriHagen]

Ну чего-то Cache-Control по прежнему no-cache. Вот конфиг nginx:

[mrsaa]

BoriHagen, вы уверены, что ваш сайт обрабатывается этой диррективой server, а не то что инклудится выше?

[BoriHagen]

mrsaa, Я на самом деле ни разу не бекендщик по этому понятия не имею какой директивой он обрабатывается. Может можно какой то командой узнать чем он обрабатывается?

[BoriHagen]

mrsaa, ОУ ЧЕРТ! ДА ВЫ ПРОСТО ГЕНИЙ! Я перешел по этому пути из конфига /etc/nginx/fastpanel2-sites/МОЙ САЙТ.ru/МОЙ САЙТ.ru.conf И там прописал данные правила для файлов И ОЧУДО - ЗА КЕ ШИ РО ВА ЛО СЬ!))))

[BoriHagen]

mrsaa, Не закешировались только сторонние скрипты и шрифты, может их можно тоже как то закешировать?

[mrsaa]

BoriHagen, внешние ссылки кешируются серверами которые раздают эту статику, а не вашим сервером. можно конечно сделать проксирование, но это не нужно.

[BoriHagen]

mrsaa, Понимаю, но для баллов по Google Speed клиенту очень надо закешировать всё

[mrsaa]

BoriHagen, тогда ва надо или скопировать все эти файлы локально или поменять все ссылки на внешние ресурсы на ваш домен и обработать нжинксом через proxy_pass.
но так никто не делает, это не правильно, тк есть вещи которые не надо кешировать сервером. да и статика кешируется дополнительно на стороне клиента

[BoriHagen]

mrsaa, Локальное копирование вроде как не рекомендуется, так как там скрипты Яндек.Метрика , Jivochat

Answer 2

[Berkutman]

Пример кэширования, если не хочешь что либо кэшировать то proxy_cache_bypass $cookie_nocache;

proxy_cache_path /etc/nginx/cache keys_zone=cache:30m;

upstream backend {
server 127.0.0.1:8088 max_fails=4 fail_timeout=43s;
}
location / {
proxy_pass http://backend;
proxy_cache cache;
proxy_cache_valid 40s;
}
location / {
proxy_pass http://backend;
proxy_cache cache;
proxy_cache_valid 40s;
}

location ~* \.php$ {
proxy_cache_bypass $cookie_nocache;
proxy_pass http://backend;
}

Comments

[BoriHagen]

А в proxy_pass мне что надо подставить? Адрес и порт сервера, или url адрес?
Так же не находит каталог /etc/nginx/cache, его нужно создать?

Мне надо кешировать только скрипты, картинки и шрифты на стороне пользователя.

[Berkutman]

BoriHagen, Можешь хранить в любой директории в которой захочешь , это стандартная. proxy_pass обычно указываю upstream да и там можно прикрутить плюшки балансировки , отладчик ошибок и тд,.А так можешь proxy_pass http://127.0.0.1:8088/;

proxy_cache_path /etc/nginx/cache keys_zone=cache:30m;
location ~* ^.+\.(jpg|jpeg|gif|png|ico|js|css|ttf|woff|woff2)$ {
    proxy_pass http://127.0.0.1:8088;
    proxy_cache cache;
    }

[BoriHagen]

Berkutman,
При перезапуске nginx ошибка:

Job for nginx.service failed because the control process exited with error code.
See "systemctl status nginx.service" and "journalctl -xe" for details.

[BoriHagen]

Berkutman, nginx: [emerg] "proxy_cache_path" directive is not allowed here in /etc/nginx/nginx.conf:31

[Berkutman]

proxy_cache_path /etc/nginx/cache keys_zone=cache:30m;
В самую первую строку поставь за перделы server
перед user www-data;

proxy_cache_path /etc/nginx/cache keys_zone=cache:30m;
user www-data;
.....

[BoriHagen]

Berkutman, Понял, но теперь другая ошибка:

"proxy_pass" cannot have URI part in location given by regular expression, or inside named location, or inside "if" statement, or inside "limit_except" block in /etc/nginx/nginx.conf

[Berkutman]

BoriHagen, expires 1w; убери

[Berkutman]

BoriHagen, и ты же в proxy_pass указываешь url apache2 ?

[BoriHagen]

Berkutman, убрал, то же самое

[Berkutman]

BoriHagen, proxy_pass здесь нужно указать url backend , т.е apache2 !

[BoriHagen]

Berkutman, А, то есть url где стоит апач? А подскажете как его найти?

[Berkutman]

BoriHagen,

proxy_cache_path /etc/nginx/cache keys_zone=cache:30m;
location ~* ^.+\.(jpg|jpeg|gif|png|ico|js|css|ttf|woff|woff2)$ {
rewrite ^.+\.(jpg|jpeg|gif|png|ico|js|css|ttf|woff|woff2)$ /$1 break;
    proxy_pass http://127.0.0.1:8088;
    proxy_cache cache;
    }

[Berkutman]

BoriHagen, Ну где у тебя апач крутится и на каком порту? Обычно порт должен быть не стандартный типо как я использую в примере 8088 , да забыл сказать нужно убрать / в конце url в proxy_pass

[BoriHagen]

Berkutman, Ну может это можно как то определить, а то хозяин хостинга не знает

[BoriHagen]

Berkutman, Хотя вот сейчас прописал айпи и порт сервера, все без ошибок, но cache-control по прежнему no-cache

[Berkutman]

BoriHagen, Контент у тебя должен находится на апаче, nginx должен кэшировать. в proxy_pass должен быть указан урл апач сервера! Он же должен кэшировать proxy_pass контент!

[Berkutman]

BoriHagen, Так же зайди /etc/nginx/cache посмотри кэш сохранился или нет? Кэшировать у тебя будет только контент backend , да и в вопросе у тебя стоит nginx+apache2 .

[BoriHagen]

Berkutman, А можно поконкретнее, что значит "контент должен находится на апаче"?))

[BoriHagen]

Berkutman, ну да, а мне надо кешироватьмы скрипты, картинки и шрифты в браузере пользователя

[Berkutman]

BoriHagen, У тебя поднят apache2 рядом c nginx? Где он? На apache2 у тебя должен быть поднят локальный веб сервер , с портом 8088 , где допустим в директории /var/www/ должен распологатся контент сайта , когда ты в nginx location / { proxy_pass apache2url:8080; } указываешь backend сервер он берет контент который расположен на apache2 и выступает как кэширующий веб сервер и выдает этот контент наружу fonted

[BoriHagen]

Berkutman, апач находися в /etc/apache2

А nginx в /etc/nginx

[Berkutman]

BoriHagen, покажи конфигу apache2, какая ось ?

[BoriHagen]

Berkutman, Ubuntu 18.04

[Berkutman]

BoriHagen,

vim /etc/sites-available/conf.d/web.conf

<VirtualHost 127.0.0.1:8088>
ServerName example.com
DocumnetRoot /var/www/ ( или какая там директория где находится сам сайт )
</VirtulHost>

vim /etc/apache2/ports.conf
Listen 8088

a2ensite web

дальше в nginx proxy_pass http://127.0.0.1:8088

systemctl restart apache2
systemctl restart nginx

[BoriHagen]

Berkutman, Понял, Vim это команда редактирования в редакторе VIM. Но дело в том что я не могу найти файл web.conf в принципе, не по такому пути, не с использованием команды locate web.conf