Pular para o artigo
Performance20 de out. de 20263 min de leitura

Verificar o bfcache: navegação de volta e estado da página

Teste o cache de voltar e avançar com um percurso reproduzível. Investigue os impedimentos relatados e confira o estado da página ao voltar.

Seta de regresso a uma página preservada numa cápsula de memória transparente

Se uma página recarrega por completo quando você volta, verifique o cache de voltar e avançar, ou bfcache. Um teste útil exige um percurso de navegação específico e um estado inicial conhecido. Um teste bem-sucedido não garante que a página seja restaurada em todos os retornos.

Defina o percurso de navegação

Escolha uma página pública de produto ou de artigo. A partir dela, abra outra página e volte usando o botão Voltar do navegador. Anote o navegador, a versão e as páginas utilizadas. Confira se os filtros, a posição de rolagem e o conteúdo visível continuam corretos ao voltar.

O teste de bfcache do Milten ajuda a investigar a restauração da página. Verifique qual percurso o resultado abrange: um percurso manual diferente pode produzir outro resultado.

Veja o resultado no navegador

No Chrome DevTools, o painel Application inclui um teste do cache de voltar e avançar. Ele mostra o resultado e os possíveis motivos que impedem a restauração. Interprete essas informações de acordo com o navegador e a versão testados.

O bfcache e o cache HTTP são mecanismos diferentes. O guia de bfcache do web.dev explica a diferença. Uma solicitação de rede mais rápida, por si só, não comprova a restauração pelo bfcache.

Investigue um motivo relatado

Exemplo ilustrativo sem dados de clientes: a ferramenta de diagnóstico informa que um manipulador de eventos do ciclo de vida, presente em um script integrado, impede a restauração. Localize o script e identifique a função do manipulador. Teste uma alteração adequada em um ambiente de testes privado e repita o percurso.

Não altere os cabeçalhos do cache apenas para passar no teste. Considere a finalidade do site e os requisitos para conteúdo atual ou confidencial. As regras de elegibilidade também dependem do navegador.

Verifique a condição no retorno

Após uma alteração, confira mais do que o resultado técnico. Verifique os preços, o conteúdo do carrinho e o estado da sessão, se a página incluir essas funções. Uma página restaurada não deve mostrar informações desatualizadas que possam induzir a erro.

Repita o percurso nos navegadores usados pelo seu público. Registre separadamente os testes bem-sucedidos, os que falharam e os que não foram realizados. Se as interações estiverem lentas após a volta, consulte o guia de INP.

Uma restauração sempre pode ser forçada?

O navegador decide como usar o cache. Um teste bem-sucedido descreve a tentativa observada.

Devo remover todas as restrições de cache para isso?

Primeiro, verifique o motivo relatado e a finalidade da restrição. Os requisitos de proteção e o conteúdo tecnicamente correto fazem parte da avaliação da mudança.

Verifique o bfcache de uma página. Examine o tempo de carregamento original com o Teste de velocidade.

Velocidade do site

Descubra o que deixa seu site lento

Analise sua página com o Milten para ver seus Core Web Vitals e receber recomendações para acelerar o carregamento.

Analisar seu site
Cookies

Usamos cookies

Usamos cookies para proporcionar uma melhor experiência em nosso site. Saiba mais sobre como usamos cookies em nossa política de privacidade.