Testa la cache back-forward

Sofia Emelianova
Sofia Emelianova

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:

  1. Nella pagina, apri DevTools, quindi vai ad Applicazione > Servizi in background > Cache back/forward.

    Scheda Cache back/forward.

  2. 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:

Pubblicazione eseguita correttamente dalla cache back-forward.

In caso contrario, vedrai un elenco dei problemi.

Per scoprire quali problemi influiscono sui frame, espandi la sezione Frame Icona Espandi..

Sezione Cornici espansa.

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:

Non idoneo per la cache back-forward.

  • 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.

Blocco dei frame.

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 esempio max-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 HTTP Permissions-Policy: unload=().