Så aktiverar du webbläsarcache

För information, cach-server inställningar (i klientens webbläsare) maximerar cache, vilket inte betyder att webbläsare inte gör det naivt: de gör det redan till en viss procentsats, så man måste ignorera vad som sägs i testsidor ibland. Detta är lätt att visa med 'Inspect elements' och 'network', du kommer att se 'disk cache', 'memory cache'

Våra servrar använder servern Apache standard, med Nginx Överst i öppet läge: PROXY

I det här fallet är det genom htacess-filen som du kan dölja data som har laddats upp av besökaren i webbläsaren, det är en cacheteknik som dominerar alla andra möjliga...

Vi har faktiskt aktiverat detta som standard på apache -servern på detta universella sätt:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif "access plus 1 week
ExpiresByType image/jpeg "access plus 1 week
ExpiresByType image/jpg "access plus 1 week
ExpiresByType image/png "access plus 1 week
ExpiresByType text/css "access plus 1 week
ExpiresByType text/html "modification plus 1 week"
ExpiresByType text/xml "modification plus 2 hours"
ExpiresByType text/javascript "access plus 1 week
ExpiresByType application/javascript "access plus 1 week
ExpiresByType application/x-javascript "access plus 1 week
ExpiresByType image/x-icon "access plus 1 week
ExpiresByType application/x-shockwave-flash "modification plus 1 week"
ExpiresByType image/svg+xml "access plus 1 week
ExpiresByType image/vnd.microsoft.icon "access plus 1 week
ExpiresByType application/font-woff "access plus 1 week
ExpiresByType application/x-font-woff "access plus 1 week
ExpiresByType application/vnd.ms-fontobject "access plus 1 week
ExpiresByType font/opentype "access plus 1 week
ExpiresByType font/ttf "access plus 1 week
ExpiresByType font/otf "access plus 1 week
ExpiresByType application/x-font-ttf "access plus 1 week
ExpiresByType application/x-font-otf "access plus 1 week
</IfModule>

<IfModule mod_headers.c>
<FilesMatch "\\.(ico|jpeg|jpg|svg|png|gif|css|gz|swf|eot|woff|otf|ttf)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
<FilesMatch "\\.(js)$">
Header set Cache-Control "max-age=604800, private"
</FilesMatch>
<FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi|htm|html)$">
Header unset Cache-Control
</FilesMatch>
</IfModule>

<IfModule mod_headers.c>
Header set Vary "Accept-Encoding, X-HTTP-Method-Override, X-Forwarded-For, Remote-Address, X-Real-IP, X-Forwarded-Proto, X-Forwarded-Host, X-Forwarded-Port, X-Forwarded-Server"
</IfModule>

Olika problem:
- Om standardinställningar på servernivå inte är lämpliga, är det inställningarna i din htaccess-fil som kommer att prioriteras.
- Om du gör en hel del uppdatering av din webbplats, kan du skämmas av den lokala cache av din egen webbläsare, tillfälligt eller permanent inaktivera den av din htacess-fil med detta:
<IfModule mod_expires.c>
ExpiresActive Off
</IfModule>

När du är i läge PHP-FPM med Nginx OU som du vill använda Nginx

.htaccess-filen har inte längre offline, det finns en inställning som du kan aktivera med plugin ' Nginx-Manager ', sektionen 'Content Optimizations', se inställning: Utdrag / Cache control

Den senaste inställningen på servernivå correspond till detta:

# Media: bilder, ikoner, video, ljud, HTC
location ~* \.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc|woff|woff2)$ {
expires 16d;
access_log off;
add_header Cache-Control "public."
}

# CSS och Javascript
location ~* \.(?:css|js)$ {
expires 16d;
add_header Cache-Control "public."
}

Om den senaste standardinställningen inte passar dig, vilket är fallet t.ex. för yoorshop.hosting webbplats, använder vi följande:

# Media: bilder, ikoner, video, ljud, HTC
location ~* \.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc|woff2)$ {
expires 7d;
access_log off;
add_header Cache-Control "public."
add_header Access-Control-Allow-Origin "*."
}

# CSS och Javascript
location ~* \.(?:css|js)$ {
expires 7d;
add_header Cache-Control "public."
add_header Access-Control-Allow-Origin "*."
}

Det finns därför en möjlighet att anpassa det:
- inaktivera 'set exploders header' genom plugin ' Nginx-Manager ', avsnitt 'application settings'
- Gör som vi säger i slutet av artikeln:
https://support.yoorshop.hosting/knowledgebase/3931/Sa-konfigurerar-du-en-webbplats-med-Nginx-och-PHP-FPM.html

se: Anpassa Nginx -inställningar