Questa guida spiega come ottimizzare la memorizzazione nella cache delle risorse web grazie agli header HTTP.

Premessa

• Una buona strategia di cache permette di migliorare significativamente le prestazioni del tuo sito evitando di ritrasmettere inutilmente file inalterati.
• La memorizzazione nella cache web si basa su due meccanismi complementari:
  1. La durata di validità della cache (tramite l'intestazione Expires) che indica per quanto tempo una risorsa può essere riutilizzata senza contattare il server.
  2. La validazione condizionale (tramite gli header Last-Modified/If-Modified-Since) che permette di verificare se una risorsa è cambiata prima di ritrasmetterla.

Configurazione della durata della cache con Expires

L'intestazione Expires consente di specificare un periodo durante il quale il browser può riutilizzare direttamente le risorse dalla cache locale. Ecco come configurarla nel file .htaccess:

1. Crea o apri il file .htaccess alla radice del tuo sito (di solito in /web o /sites/domain.xyz).

2. Aggiungi la configurazione del modulo expires:

   <IfModule mod_expires.c>

3. Definisci i tempi di cache appropriati per ogni tipo di risorsa:

   ExpiresActive On
   ExpiresByType text/html "access plus 1 week"
   ExpiresByType image/jpeg "access plus 1 month"
   ExpiresByType text/css "access plus 1 month"
   ExpiresByType application/javascript "access plus 1 month"

   Queste direttive significano che:

   • Le pagine HTML verranno conservate nella cache per una settimana.
   • Le immagini JPEG, i file CSS e JavaScript verranno conservati per un mese.

   Adattate queste durate in base alla frequenza di aggiornamento delle vostre risorse.

4. Chiudi la sezione di configurazione:

   </IfModule>

Validazione condizionale con Last-Modified

Anche quando una risorsa è scaduta nella cache, non è sempre necessario ritrasmetterla completamente. Il meccanismo di validazione condizionale permette al browser di verificare se la sua versione in cache è ancora aggiornata. Questo processo funziona così:

1. Il server invia automaticamente un'intestazione Last-Modified con ogni risorsa, indicando la data dell'ultima modifica.
   • Apache gestisce questo nativamente per i file statici - nessuna configurazione aggiuntiva è necessaria.

2. Quando il browser richiede nuovamente la risorsa, invia un'intestazione If-Modified-Since contenente la data che ha in cache:

   GET /resource HTTP/1.1
   Host: www.example.com
   If-Modified-Since: Wed, 21 Oct 2015 07:28:00 GMT

3. Il server confronta questa data con la data reale di modifica del file:
   • Se il file non è cambiato, invia semplicemente un codice 304 Not Modified, risparmiando così la larghezza di banda.
   • Se il file è stato modificato, invia la nuova versione con un codice 200 OK.