Cum activez memoria cache a browserului?

Pentru informare, setarile serverului de caching (in browserul clientului) maximizeaza stocarea in cache, ceea ce nu inseamna ca browserele nu o fac nativ: de fapt, o fac deja la un anumit procent, asa ca trebuie sa ignorati ce spun site-urile de testare uneori. Acest lucru este ușor de demonstrat prin „Inspectați elemente”, apoi „rețea”, veți vedea „cache disc”, „cache memorie”

Serverele noastre folosesc serverul Apache în mod implicit, cu Nginx deasupra în modul transparent: PROXY

In acest caz, prin fisierul htaccess puteti stoca in cache datele descarcate de vizitator in browserul sau, este o tehnica de caching care prevaleaza asupra tuturor celorlalte posibile...

De fapt, am activat acest lucru în mod implicit pe serverul apache în acest mod universal:

<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>

Diverse probleme:
- dacă setările implicite la nivel de server nu sunt potrivite, setările curente din fișierul dvs. htaccess vor avea prioritate
- dacă faceți multe actualizări ale site-ului dvs. web, este posibil să fiți deranjat de memoria cache locală a propriului browser, dezactivați temporar sau definitiv memoria cache prin fișierul dvs. htaccess cu asta:
<IfModule mod_expires.c>
ExpiresActive Off
</IfModule>

Când sunteți în modul PHP-FPM cu Nginx SAU doriți să utilizați Nginx

Fișierul.htaccess nu mai are efect, există o setare pe care o puteți activa folosind pluginul „Nginx-Manager”, secțiunea „Optimizări de conținut”, vezi setarea: Expire / Control cache

Această ultimă setare la nivel de server corespunde cu aceasta:

# Media: imagini, pictograme, video, audio, HTC
location ~* \.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc|woff|woff2)$ {
expiră 16d;
access_logoff;
add_header Cache-Control „public”;
}

#CSS și Javascript
location ~* \.(?:css|js)$ {
expiră 16d;
add_header Cache-Control „public”;
}

Dacă această ultimă setare implicită nu vă convine, ceea ce este cazul de exemplu pentru site-ul yoorshop.hosting, folosim aceasta:

# Media: imagini, pictograme, video, audio, HTC
location ~* \.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc|woff2)$ {
expiră 7d;
access_logoff;
add_header Cache-Control „public”;
add_header Access-Control-Allow-Origin "*";
}

#CSS și Javascript
location ~* \.(?:css|js)$ {
expiră 7d;
add_header Cache-Control „public”;
add_header Access-Control-Allow-Origin "*";
}

Există deci posibilitatea de a-l personaliza:
- dezactivați „set expires header” folosind pluginul „Nginx-Manager”, secțiunea „Application settings”
- procedați așa cum este indicat în partea de jos a articolului nostru:
https://support.yoorshop.hosting/knowledgebase/3931/Cum-configurez-un-site-cu-Nginx-si-PHP-FPM.html

vezi: Personalizarea configurației Nginx