Questa guida mostra come utilizzare Chrome DevTools per:
- Verifica di aver ottimizzato la pagina per i caricamenti istantanei quando utilizzi i pulsanti Indietro e Avanti del browser.
- Identifica i problemi che potrebbero impedire alla tua pagina di essere idonea per questo tipo di memorizzazione nella cache.
La cache back-forward (o bfcache) è un'ottimizzazione del browser che consente la navigazione immediata avanti e indietro. Per ulteriori informazioni, consulta Cache back/forward.
Testa la cache back-forward
Per testare la cache back-forward:
Nella pagina, apri DevTools, quindi vai a Applicazione > Servizi in background > Cache avanti/indietro.
Fai clic su Testa la cache back-forward.
Chrome ti reindirizza automaticamente a
chrome://terms/
e poi alla tua pagina.In alternativa, puoi fare clic sui pulsanti Indietro e Avanti del browser.
Se la cache Indietro/Avanti funziona per la tua pagina senza problemi, viene visualizzato il seguente messaggio:
In caso contrario, visualizzerai un elenco di problemi.
Per scoprire quali problemi interessano quali frame, espandi la sezione Frame.
Risolvere i problemi che impediscono la memorizzazione nella cache
Se la tua pagina non è idonea per la memorizzazione nella cache back-forward, la scheda Cache back-forward mostra un elenco con tre tipi di cause:
- Strategici. Puoi risolvere questi problemi per attivare la memorizzazione nella cache. Ad esempio, interrompi l'utilizzo degli eventi
unload
. - In attesa di assistenza. Chrome non supporta ancora queste funzionalità, quindi impediscono la memorizzazione nella cache. Tuttavia, una volta supportate, Chrome rimuove queste limitazioni.
- Nessuna azione possibile. Non puoi risolvere questi problemi in questa pagina. Un fattore esterno al controllo della pagina impedisce la memorizzazione nella cache.
Per scoprire quale frame è il blocco, espandi la sezione corrispondente nella descrizione del problema.
Problemi comuni che impediscono la memorizzazione nella cache back-forward
I due motivi principali che impediscono l'esecuzione di bfcache sono:
Intestazione
Cache-Control: no-store
.Questo valore dell'intestazione è consigliato per le pagine con informazioni personali e private. Per le pagine che vuoi che siano ragionevolmente aggiornate, utilizza
no-cache
o un tempo di cache breve, ad esempiomax-age=60
.Gestori di scarico problematici.
Chrome prevede di ritirare i gestori di eventi di unload e consiglia di non utilizzare mai un evento
unload
.Per assicurarti che il tuo sito web non utilizzi gestori di caricamento e, ad esempio, per impedire alle estensioni di aggiungere eventi
unload
, dichiara l'intestazione della risposta HTTPPermissions-Policy: unload=()
.