Testar o cache de avanço e retorno

Sofia Emelianova

Este guia mostra como usar o Chrome DevTools para fazer o seguinte:

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

O cache de avanço e retorno (ou bfcache) é uma otimização do navegador que permite voltar e avançar de forma instantânea. Para mais informações, consulte Cache de avanço e retorno.

Importante:o cache de avanço e retorno é diferente do cache do navegador e do cache HTTP.

Para inspecionar dados em cache, siga as etapas em Ver dados em cache.

Para inspecionar os dados do cache HTTP, abra a coluna Tamanho do Registro de rede. Consulte Registrar atividade de rede.

Testar o cache de avanço e retorno

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

1. Na página, abra o 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 a chrome://terms/ e de volta à sua página.

   Se preferir, você pode clicar nos botões "Voltar" e "Avançar" do navegador.

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

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

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

Resolver problemas que impedem o armazenamento em cache

Caso sua página não esteja qualificada para o armazenamento em cache de avanço e retorno, a guia Cache de avanço e retorno vai 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. Como o Chrome ainda não é compatível com esses recursos, eles impedem o armazenamento em cache. No entanto, quando compatível, o Chrome remove 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. Para páginas que precisam estar razoavelmente atualizadas, use no-cache ou um tempo de cache curto, por exemplo, max-age=60.

• Gerenciadores de descarregamento problemáticos.

  O Chrome está planejando descontinuar o uso de gerenciadores e recomenda nunca usar um evento unload.

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

Dica: para testar uma correção do bfcache, simule um cabeçalho de resposta com substituições.