Questa guida spiega come ottimizzare la memorizzazione nella cache delle risorse web tramite le intestazioni HTTP.

Introduzione

• Una buona strategia di caching consente di migliorare significativamente le prestazioni del sito evitando di ritrasmettere inutilmente file invariati.
• Il caching 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 convalida condizionale (tramite le intestazioni Last-Modified/If-Modified-Since), che consente di verificare se una risorsa è stata modificata prima di scaricarla nuovamente.

Configurazione della durata della cache con Expires

L'intestazione Expires consente di specificare la durata per la quale il browser può riutilizzare direttamente le risorse dalla sua cache locale. Ecco come configurarla nel file .htaccess:

1. Crea o apri il file .htaccess nella directory principale del tuo sito (generalmente in /web o /sites/domain.xyz).

2. Aggiungi la configurazione del modulo expires:

   <IfModule mod_expires.c>

3. Definisci le durate di cache appropriate 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 saranno memorizzate nella cache per una settimana.
   • Le immagini JPEG, i file CSS e JavaScript saranno conservati per un mese.

   Adatta queste durate in base alla frequenza di aggiornamento delle tue risorse.

4. Chiudi la sezione di configurazione:

   </IfModule>

Validazione condizionale con Last-Modified

Anche quando una risorsa è scaduta nella cache, non è sempre necessario scaricarla completamente. Il meccanismo di validazione condizionale consente al browser di verificare se la versione presente nella cache è ancora aggiornata. Questo processo funziona nel seguente modo:

1. Il server invia automaticamente un'intestazione Last-Modified con ogni risorsa, indicando la data dell'ultima modifica.
   • Apache gestisce questa funzione in modo nativo per i file statici: non è necessaria alcuna configurazione aggiuntiva.

2. Quando il browser richiede nuovamente la risorsa, invia un'intestazione If-Modified-Since contenente la data memorizzata nella 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 di modifica effettiva del file:
   • Se il file non è stato modificato, restituisce semplicemente un codice 304 Not Modified, risparmiando così larghezza di banda.
   • Se il file è stato modificato, restituisce la nuova versione con un codice 200 OK.