Testar o cache de avanço e retorno

Este guia mostra como usar o Chrome DevTools para:

• Teste se você otimizou a página para carregamentos instantâneos ao usar os botões "Voltar" e "Avançar" do navegador.
• Identifique os problemas que podem impedir que sua página seja qualificada para esse tipo de armazenamento em cache.

O cache de avanço e retorno (bfcache) é uma otimização de navegador que permite a navegação instantânea de avanço e retorno. Para ver mais informações, consulte Cache de avanço e retorno.

Testar o cache de avanço e retorno

Para testar o cache de avanço e retorno, siga estas etapas:

1. Na sua página, abra DevTools e navegue até Aplicativo > Serviços em segundo plano > Cache de avanço e retorno.

   

2. Clique em Testar o cache de avanço e retorno.

   O Chrome leva você automaticamente para chrome://terms/ e de volta à sua página.

   Se preferir, você pode clicar nos botões de voltar e avançar do navegador.

Se o cache de avanço e retorno funcionar para sua página sem problemas, a seguinte mensagem será exibida:

Caso contrário, uma lista de problemas vai aparecer.

Para descobrir quais problemas afetam quais frames, abra a seção Frames .

Solucionar problemas que impedem o armazenamento em cache

Se a página não estiver qualificada para o armazenamento em cache de avanço e retorno, a guia Cache de avanço e retorno mostrará uma lista com três tipos de causas:

• Útil. Corrija esses problemas para ativar o armazenamento em cache. Por exemplo, pare de usar eventos unload.
• Suporte pendente. O Chrome ainda não é compatível com esses recursos, por isso eles impedem o armazenamento em cache. No entanto, quando esse recurso for compatível, o Chrome vai remover essas limitações.
• Não acionável. Não é possível corrigir esses problemas nesta página. Algo que está fora do controle da página impede o armazenamento em cache.

Para descobrir qual frame é o bloqueador, abra a seção correspondente na descrição do problema.

Problemas comuns que impedem o armazenamento em cache de avanço e retorno

Os dois principais motivos que impedem a execução do bfcache são:

• Cabeçalho Cache-Control: no-store.

  Esse valor de cabeçalho é recomendado para páginas com informações pessoais e particulares. No caso de páginas que você quer que elas fiquem razoavelmente atualizadas, use no-cache ou um tempo de cache curto, por exemplo, max-age=60.

• Gerenciadores de descarregamento problemáticos.

  O Chrome planeja suspender o uso dos gerenciadores de descarregamento e recomenda nunca usar um evento unload.

  Para garantir que seu site não use gerenciadores de descarregamento e, por exemplo, impedir que as extensões adicionem eventos unload, declare o cabeçalho de resposta HTTP Permissions-Policy: unload=().