Saltar al artículo
Performance20 oct 20263 min de lectura

Comprobar bfcache: navegación hacia atrás y estado de la página

Compruebe la caché de retroceso y avance con una secuencia reproducible. Investigue los bloqueos detectados y revise el estado de la página al volver.

Flecha de regreso a una página conservada en una cápsula de memoria transparente

Si una página se vuelve a cargar por completo al retroceder, compruebe la caché de retroceso y avance, o bfcache. Para que la prueba resulte útil, necesita una secuencia de navegación concreta y un estado inicial conocido. Una prueba satisfactoria no garantiza que la página se restaure cada vez que vuelva a ella.

Defina la secuencia de navegación

Elija una página pública de producto o de artículo. Desde ella, abra otra página y vuelva con el botón Atrás del navegador. Anote el navegador, su versión y las páginas utilizadas. Compruebe que los filtros, la posición de desplazamiento y el contenido visible sigan siendo correctos al volver.

La prueba de bfcache de Milten ayuda a investigar la restauración de la página. Compruebe qué secuencia abarca el resultado: una secuencia manual distinta puede producir otro resultado.

Ver el resultado en el navegador

El panel Application de Chrome DevTools incluye una prueba de la caché de retroceso y avance. Muestra el resultado y los posibles motivos que impiden la restauración. Interprete esos datos en el contexto del navegador y la versión utilizados.

bfcache y la caché HTTP son mecanismos distintos. La guía de bfcache de web.dev explica las diferencias. Una solicitud de red más rápida no demuestra por sí sola que la página se haya restaurado desde bfcache.

Investigar un motivo informado

Ejemplo ilustrativo sin datos de clientes: la herramienta de diagnóstico señala que un manejador de eventos del ciclo de vida, incluido en un script, impide la restauración. Localice el script y determine la función del manejador. Pruebe un cambio adecuado en un entorno de pruebas privado y repita la secuencia.

No realice cambios generales en los encabezados de la caché solo para pasar la prueba. Considere el propósito del sitio y los requisitos de contenido actual o confidencial. Las reglas de elegibilidad también dependen del navegador.

Verifique el estado al regresar

Tras un cambio, no compruebe únicamente el resultado técnico. Verifique los precios, el contenido del carrito y el estado de la sesión, si la página incluye esas funciones. Una página restaurada no debe mostrar información obsoleta que pueda inducir a error.

Repita la secuencia en los navegadores que utiliza su público. Registre por separado las pruebas satisfactorias, las fallidas y las no realizadas. Si las interacciones son lentas al volver, consulte la guía de INP.

¿Se puede forzar siempre una restauración?

El navegador decide cómo utilizar el caché. Una prueba exitosa describe el intento observado.

¿Debo eliminar todas las restricciones de caché para esto?

Primero, verifique el motivo informado y el propósito de la restricción. Los requisitos de protección y el contenido técnicamente correcto forman parte de la evaluación del cambio.

Compruebe bfcache en una página. Para investigar la carga inicial, utilice la prueba de velocidad.

Velocidad de tu sitio web

Descubre qué ralentiza tu sitio web

Analiza tu página con Milten para conocer sus Core Web Vitals y recibir recomendaciones para acelerar la carga.

Analizar tu sitio web
Cookies

Usamos cookies

Usamos cookies para ofrecerte una mejor experiencia en nuestro sitio. Puedes obtener más información sobre cómo usamos las cookies en nuestra política de privacidad.