Quando un visitatore apre il tuo sito per la prima volta, il suo browser scarica tutti i file necessari per mostrare la pagina: HTML, fogli di stile, script, immagini e caratteri. Alla visita successiva, il browser non ha bisogno di scaricare di nuovo tutti quei file se sono salvati in locale. La cache del browser è il meccanismo che lo rende possibile, ed è uno dei modi più semplici per far sembrare più veloce un sito a chi ci ritorna.
La cache del browser salva copie dei file del sito sul dispositivo del visitatore, così i caricamenti successivi possono saltare il download delle risorse che non sono cambiate. Il server dice al browser per quanto tempo conservare ogni file e quando controllare se esistono versioni aggiornate. Capire come funziona la cache del browser ti aiuta a vedere perché le visite ripetute spesso sembrano molto più veloci della prima.
Come funziona la cache del browser?
Ogni file inviato dal tuo server include istruzioni di cache negli header della risposta HTTP. Questi header dicono al browser se salvare il file, per quanto tempo conservarlo e quando richiedere una copia nuova.
Alla prima visita, il browser scarica dal tuo server tutti i file necessari e salva nella memoria locale quelli che possono stare in cache. Alle visite successive, il browser carica dalla memoria locale i file in cache ancora validi invece di scaricarli di nuovo.
Quali file traggono più vantaggio dalla cache del browser?
Non tutti i file vanno messi in cache allo stesso modo. Le risorse statiche che cambiano di rado sono i candidati ideali. I contenuti dinamici che si aggiornano spesso richiedono durate di cache più brevi o nessuna cache.
Durata di cache lunga
- Fogli di stile e file JavaScript che cambiano solo quando aggiorni il design del sito
- Immagini del logo, icone e favicon
- File dei caratteri
- Immagini di sfondo e grafiche decorative
Durata di cache breve o nessuna cache
- Pagine HTML con contenuti aggiornati di frequente
- Pagine con contenuti personalizzati o dinamici
- Risposte API ed endpoint per l'elaborazione dei moduli
Il principio generale è semplice: metti in cache in modo deciso ciò che cambia di rado e con cautela ciò che cambia spesso. L'articolo su cos'è la cache e perché è importante copre il panorama più ampio della cache, compresa quella lato server e quella delle CDN.
Perché la cache del browser conta per la velocità?
La cache del browser riduce direttamente la quantità di dati che un visitatore deve scaricare e il numero di richieste al server necessarie nelle visite ripetute. Entrambi i miglioramenti si traducono in caricamenti più rapidi.
Tempo di caricamento percepito più veloce
Caricare un foglio di stile dalla memoria locale richiede millisecondi. Scaricare lo stesso file tramite una connessione di rete richiede centinaia di millisecondi o più, a seconda della velocità della connessione. Nelle visite ripetute, le risorse in cache compaiono quasi all'istante, e la pagina sembra molto più veloce ancora prima che si carichi il nuovo contenuto.
Minor carico sul server
Ogni file servito dalla cache del browser è una richiesta in meno che il tuo server deve gestire. Per i siti con visitatori che ritornano, questo migliora i tempi di risposta per tutti i visitatori.
Vantaggi di prestazioni su smartphone
Le connessioni mobili sono di solito più lente di quelle da computer. La cache del browser dà un vantaggio di velocità ancora maggiore su smartphone, perché elimina richieste di rete che sarebbero lente su connessioni più deboli. L'articolo su perché la velocità delle pagine su smartphone è importante spiega perché questo livello è particolarmente critico per i visitatori da smartphone.
Come WEMASY gestisce la cache del browser
WEMASY imposta in automatico gli header di cache appropriati per tutti i tipi di file. Le risorse statiche come fogli di stile, script e immagini ricevono durate di cache lunghe. Le pagine HTML ricevono durate più brevi, così gli aggiornamenti dei contenuti compaiono subito dopo la pubblicazione. Quando fai modifiche tramite l'editor, il sistema WEMASY aggiorna le versioni della cache, così i visitatori di ritorno ricevono contenuti freschi senza svuotare la cache a mano.
Scopri cosa è incluso nel creatore di siti WEMASY oppure guarda i piani nella pagina dei prezzi.
Domande frequenti
Cos'è la cache del browser?
La cache del browser salva copie dei file del sito sul dispositivo del visitatore, così le visite ripetute si caricano più in fretta. Il server invia istruzioni di cache con ogni file, dicendo al browser per quanto tempo conservarlo prima di controllare se ci sono aggiornamenti. Con il creatore di siti di WEMASY puoi impostare tutto questo direttamente sul tuo sito.
Che differenza c'è tra cache del browser e cache del server?
La cache del browser salva i file sul dispositivo del visitatore per caricamenti più rapidi alle sue visite successive. La cache del server salva pagine già pronte sul server di hosting, così il processo di generazione della pagina non viene eseguito a ogni richiesta. Entrambe riducono il tempo di caricamento ma agiscono in punti diversi della catena di consegna.
Perché il mio sito è veloce alla seconda visita ma lento alla prima?
La prima visita richiede di scaricare dal server tutte le risorse della pagina. La seconda visita carica molte di quelle risorse dalla cache del browser, che è molto più veloce. È un comportamento normale e mostra che la cache del browser funziona. Ottimizzare la prima visita significa lavorare su compressione delle immagini, tempo di risposta del server e riduzione delle risorse che bloccano il rendering.
I visitatori possono vedere contenuti vecchi a causa della cache del browser?
Sì, se le durate di cache sono troppo lunghe e il server non aggiorna le versioni della cache dopo le modifiche ai contenuti. Le piattaforme gestite bene lo fanno in automatico, aggiornando gli identificatori di cache quando pubblichi le modifiche. I visitatori ricevono così file aggiornati alla visita successiva, senza dover svuotare a mano la cache del browser.
Devo svuotare la cache del browser per provare il mio sito?
Svuotare la cache del browser è utile quando provi se le modifiche recenti compaiono correttamente. Simula l'esperienza di un visitatore alla prima visita. Per la navigazione di tutti i giorni sul tuo sito, svuotare la cache non è necessario. Usa una finestra privata o in incognito per provare senza toccare i file normalmente in cache.
Devo configurare io la cache del browser?
Su una piattaforma gestita per siti web, gli header di cache vengono configurati in automatico in base al tipo di file. Su un hosting gestito in proprio, la configurazione della cache richiede impostazioni del server o estensioni di cache. WEMASY gestisce tutta la configurazione della cache del browser senza alcuna impostazione tecnica da parte tua.