Я развернул блестящее приложение, работающее с блестящим сервером на AWS. Сервер nginx перенаправляет запросы на порт 3838 блестящего сервера.
При проверке Google Page Speed Insights (https://developers.google.com/speed/pagespeed/insights/) я вижу, что некоторые изображения (формат .webp) на моей странице не кэшируются, и это замедляет работу. загрузка моей страницы.
Я попытался настроить кэширование в nginx, как описано здесь, добавив в конфиг своего сервера nginx следующие строки:
location ~* \.(js|webp|png|jpg|jpeg|gif)$ {
expires 365d;
add_header Cache-Control "public, no-transform";
}
Однако это привело к тому, что мои изображения больше не обнаруживались при доступе к веб-сайту.
Вот конфиг nginx без дополнений:
server {
listen 80;
listen [::]:80;
# redirect all HTTP requests to HTTPS with a 301 Moved Permanently response.
return 301 https://$host$request_uri;
}
server {
listen 443 ssl http2;
listen [::]:443 ssl http2;
# Reverse proxy
location / {
proxy_pass http://localhost:3838/climate-justice/;
proxy_redirect http://localhost:3838/climate-justice/ $scheme://$host/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
proxy_read_timeout 20d;
proxy_buffering off;
}
# OCSP stapling
ssl_stapling on;
ssl_stapling_verify on;
}
Решил с помощью следующих инструкций: https://www.digitalocean.com/community/tutorials/how-to-implement-browser-caching-with-nginx-s-header-module-on-ubuntu- 16-04
# Expires map
map $sent_http_content_type $expires {
default off;
text/html epoch;
text/css max;
application/javascript max;
~image/ max;
}
server {
listen 80 default_server;
listen [::]:80 default_server;
expires $expires;
. . .