Connessione non riuscita. Per favore riprova.

Vai al contenuto
SEO Tools
Aiuto e documentazione
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

  1. 1Imposta una cache lunga (ad es. 1 anno) per i file statici immutabili.
  2. 2Usa il "cache busting" — il versioning nel nome (app.4f3a.js), così che alla modifica l'utente riceva la nuova versione.
  3. 3Mantieni l'HTML con cache breve o assente (deve essere aggiornato).
  4. 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