Testa la cache back-forward

Sofia Emelianova

GitHub

Questa guida illustra 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 una navigazione istantanea avanti e indietro. Per ulteriori informazioni, vedi Cache back/forward.

Punto chiave:la cache back-forward è diversa dalla cache del browser e dalla cache HTTP.

Per esaminare i dati della cache, segui i passaggi descritti in Visualizzare i dati della cache.

Per esaminare i dati della cache HTTP, apri la colonna Dimensioni del log di rete. Vedi Registrare attività di rete.

Testa la cache back-forward

Per verificare la cache back-forward:

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

   

2. Fai clic su Testa 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 della pagina funziona senza problemi, verrà visualizzato il seguente messaggio:

In caso contrario, verrà visualizzato un elenco di problemi.

Per individuare i problemi che interessano i 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, nella scheda Cache back/forward viene visualizzato un elenco con tre tipi di cause:

• Strategico. Puoi risolvere questi problemi per abilitare la memorizzazione nella cache. Ad esempio, non utilizzare più gli eventi unload.
• In attesa di assistenza. Chrome non supporta ancora queste funzionalità, che impediscono la memorizzazione nella cache. Tuttavia, una volta supportate, Chrome rimuove queste limitazioni.
• Non è possibile intervenire. 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 blocca il blocco, 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 che siano ragionevolmente aggiornate, utilizza no-cache o un breve tempo di cache, ad esempio max-age=60.

• Gestori dell'unload dei problemi:

  Chrome ha in programma di deprecare 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, impedire alle estensioni di aggiungere eventi unload, dichiara l'intestazione della risposta HTTP Permissions-Policy: unload=().

Suggerimento: per testare una correzione della cache back-forward, puoi simulare un'intestazione della risposta con override.