Quando visiti un sito web per la prima volta, il tuo browser scarica molti file per visualizzare la pagina. Tra questi, codice HTML, immagini, fogli di stile e file JavaScript. Questo può comportare l'accumulo di molti dati e può risultare un po' lento, soprattutto su un dispositivo mobile, a causa della memorizzazione nella cache del browser.
La maggior parte di questi file, tuttavia, viene utilizzata in tutto il sito web. Lo stesso logo, lo stesso foglio di stile e gli stessi file JavaScript vengono utilizzati in ogni pagina. Non sarebbe fantastico se tutti questi file dovessero essere scaricati una sola volta? È esattamente ciò che serve. cache del browser Sì. Memorizza una copia di quei file nel browser del visitatore e, la volta successiva che il file sarà necessario, il browser lo recupererà dalla propria cache anziché dal server. Il risultato è un'esperienza utente molto più rapida ed efficiente.
Come funziona la memorizzazione nella cache del browser
La memorizzazione nella cache del browser è un'idea semplice. Si imposta un tempo di scadenza per un file, che indica al browser per quanto tempo può salvare quel file prima di dover scaricare una nuova copia. Ad esempio, puoi dire a un browser di memorizzare nella cache il tuo foglio di stile per un mese. Dopo la prima visita, il foglio di stile viene salvato localmente e il browser non scaricherà più una nuova copia dal server per 30 giorni.
Questo è un ottimo modo per migliorare la velocità di caricamento delle pagine, ma c'è un problema. Se modifichi un file memorizzato nella cache, un visitatore che ha già visitato il tuo sito continuerà a visualizzare la vecchia versione fino alla scadenza. Tra poco parleremo di come risolvere questo problema.
Controlla se il tuo sito ha la memorizzazione nella cache del browser abilitata
A questo punto, probabilmente ti starai chiedendo se la memorizzazione nella cache è abilitata sul tuo sito web. Puoi utilizzare Strumento di controllo del sito ClickRank per controllare l'intero sito web in una sola volta. Può analizzare ogni file del tuo sito e mostrarne la data di scadenza per ciascuno. Questo è un passaggio fondamentale per comprendere le prestazioni e la velocità di caricamento delle pagine del tuo sito web.
Come impostare la memorizzazione nella cache del browser
Impostare la memorizzazione nella cache del browser è un'operazione semplice ma importante. Se non si specifica esplicitamente una scadenza, il browser di un visitatore cercherà sempre di recuperare una nuova copia dal server, il che può rallentare notevolmente la sua esperienza.
Apache: scade le intestazioni
Se stai utilizzando un server Apache, puoi impostare la memorizzazione nella cache modificando il tuo .htaccess file. È possibile impostare la scadenza per ogni tipo di file individualmente. Ad esempio, è possibile impostare la scadenza per i font a un anno, per le immagini a tre mesi e per i fogli di stile e JavaScript a un mese. Questo è un modo semplice ed efficace per abilitare la memorizzazione nella cache del browser.
Controllo della cache Apache
Un modo alternativo per impostare le istruzioni di memorizzazione nella cache è il Cache-Control Intestazione. Funziona in modo molto simile e offre alcune opzioni aggiuntive. Per la maggior parte dei siti web, utilizzare le intestazioni Expires sarà sufficiente.
Memorizzazione nella cache del browser in WordPress
Se utilizzi un CMS come WordPress, puoi usare un plugin per abilitare la memorizzazione nella cache del browser. Esistono molti ottimi plugin disponibili che ti permetteranno di abilitare la memorizzazione nella cache con pochi clic. Questa è un'ottima opzione se non hai accesso al tuo server. .htaccess file o se preferisci utilizzare un plugin che lo gestisca per te. Una piattaforma completa Grado di clic può aiutarti in questo. Ad esempio, la piattaforma può analizzare il tuo sito web alla ricerca di problemi di cache e fornirti un elenco prioritario di attività per risolverli.
Invalidazione della cache
Cosa succede se devi modificare un file memorizzato nella cache? Ad esempio, hai cambiato il logo, ma tutti coloro che hanno visitato il tuo sito di recente vedono ancora quello vecchio. Chiedere a tutti di svuotare la cache non è un'opzione.
Un modo per risolvere questo problema è cambiare il nome del file. Ad esempio, puoi cambiare style.css a stile-nuovo.cssIl browser penserà che si tratti di un nuovo file e scaricherà l'ultima versione dal server. Questo è un modo semplice ed efficace per forzare un browser a scaricare un nuovo file, anche se la data di scadenza non è ancora scaduta.
