Questa guida mostra come utilizzare Chrome DevTools per:
- Verifica di aver ottimizzato la tua pagina per i caricamenti istantanei quando utilizzi i pulsanti Avanti e Indietro 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, vedi Cache back/forward.
Testa la cache back-forward
Per testare la cache back-forward, segui questi passaggi:
Nella pagina, apri DevTools, quindi vai ad Applicazione > Servizi in background > Cache back/forward.
Fai clic su Testa la cache back-forward.
Chrome ti porta automaticamente a
chrome://terms/
e torna alla tua pagina.In alternativa, puoi fare clic sui pulsanti Avanti e Indietro del browser.
Se la cache back-forward funziona senza problemi per la pagina, viene visualizzato il seguente messaggio:
In caso contrario, vedrai un elenco dei problemi.
Per scoprire quali problemi influiscono sui frame, espandi la sezione Frame .
Risolvi i problemi che impediscono la memorizzazione nella cache
Se la tua pagina non è idonea per la memorizzazione nella cache back-forward, nella scheda Cache back/forward viene visualizzato un elenco con tre tipi di cause:
- Utile. Puoi risolvere questi problemi per abilitare la memorizzazione nella cache. Ad esempio, smetti di utilizzare gli eventi
unload
. - In attesa di assistenza. Chrome non supporta ancora queste funzionalità, quindi impediscono la memorizzazione nella cache. Tuttavia, una volta supportata, Chrome rimuove queste limitazioni.
- Non utilizzabile. Non puoi risolvere questi problemi in questa pagina. Qualcosa al di fuori del controllo della pagina impedisce la memorizzazione nella cache.
Per scoprire quale frame è il blocco principale, espandi la sezione corrispondente sotto la 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 di intestazione è consigliato per le pagine con informazioni personali e private. Per le pagine che vuoi siano ragionevolmente aggiornate, utilizza
no-cache
o un tempo di cache breve, ad esempiomax-age=60
.Gestori di unload problematici:
Chrome ha in programma di ritirare i gestori dell'unload e consiglia di non utilizzare mai un evento
unload
.Per assicurarti che il tuo sito web non utilizzi gestori dell'unload e, ad esempio, per impedire alle estensioni di aggiungere eventi
unload
, dichiara l'intestazione della risposta HTTPPermissions-Policy: unload=()
.