Velocità Impatto medio Facile 15–30 min

Cache nel browser

I file statici dovrebbero essere memorizzati presso il visitatore.

Cos'è

La cache nel browser (tramite gli header Cache-Control / Expires) consente al browser di memorizzare i file statici (immagini, CSS, JS, font) e di non riscaricarli alla visita successiva.

Perché è importante

Senza cache il visitatore di ritorno riscarica tutto a ogni caricamento, inutilmente lento e dispendioso in termini di dati. Una cache corretta velocizza notevolmente le visite ripetute e alleggerisce il server.

Come fare

1Imposta una cache lunga (ad es. 1 anno) per i file statici immutabili.
2Usa il "cache busting", il versioning nel nome (app.4f3a.js), così che alla modifica l'utente riceva la nuova versione.
3Mantieni l'HTML con cache breve o assente (deve essere aggiornato).
4Verifica gli header Cache-Control nella risposta.

Cache dei file statici (.htaccess)

Corretto

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType text/css "access plus 1 year"
  ExpiresByType application/javascript "access plus 1 year"
</IfModule>

Conclusione

La cache nel browser è un modo economico per velocizzare le visite ripetute. La chiave è la combinazione di cache lunga per il contenuto statico + versioning dei nomi, così da poter modificare i file senza il rischio che venga vista una versione vecchia. L'HTML, invece, lascialo fresco.

Argomenti correlati