Testar o cache de avanço e retorno

Sofia Emelianova
Sofia Emelianova
GitHub

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.

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.

    Guia do 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:

Veiculado do cache de avanço e retorno.

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

Para descobrir quais problemas afetam quais frames, abra a seção Frames Ícone "Abrir"..

Seção "Frames" expandida.

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:

Não qualificado para cache de avanço e retorno.

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

Bloqueando frames.

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=().