Probar la memoria caché atrás/adelante

Sofía Emelianova

GitHub

En esta guía, se muestra cómo usar las herramientas para desarrolladores de Chrome para hacer lo siguiente:

• Prueba si optimizaste tu página para cargas instantáneas al usar los botones "Atrás" y "Adelante" del navegador.
• Identifica los problemas que pueden impedir que tu página sea apta para este tipo de almacenamiento en caché.

La memoria caché atrás/adelante (o bfcache) es una optimización del navegador que permite la navegación instantánea hacia atrás y hacia adelante. Para obtener más información, consulta Memoria caché atrás/adelante.

Punto clave: La memoria caché atrás/adelante difiere de la caché del navegador y la caché HTTP.

Para inspeccionar los datos de la caché, sigue los pasos que se indican en Ver datos de la caché.

Para inspeccionar los datos de caché de HTTP, abre la columna Tamaño del Registro de red. Consulta Cómo registrar la actividad de red.

Probar la memoria caché atrás/adelante

Para probar la memoria caché atrás/adelante, sigue estos pasos:

1. En tu página, abre Herramientas para desarrolladores, luego navega a Aplicación > Servicios en segundo plano > Memoria caché atrás/adelante.

   

2. Haz clic en Probar la memoria caché atrás/adelante.

   Chrome te lleva automáticamente a chrome://terms/ y de vuelta a tu página.

   También puedes hacer clic en los botones Atrás y Avanzar del navegador.

Si la memoria caché atrás/adelante funciona en tu página sin problemas, verás el siguiente mensaje:

De lo contrario, verás una lista de problemas.

Para descubrir qué problemas afectan qué fotogramas, expande la sección Frames .

Resuelve problemas que impiden el almacenamiento en caché

Si tu página no es apta para el almacenamiento en la memoria caché atrás/adelante, la pestaña Memoria caché atrás/adelante muestra una lista con tres tipos de causas:

• Prácticos. Puedes solucionar estos problemas para habilitar el almacenamiento en caché. Por ejemplo, deja de usar eventos unload.
• Asistencia Pendiente. Chrome aún no admite estas funciones, por lo que evitan el almacenamiento en caché. Sin embargo, una vez que se admiten, Chrome quita estas limitaciones.
• No se pueden realizar acciones. No puedes solucionar estos problemas en esta página. Algo que está fuera del control de la página evita el almacenamiento en caché.

Para saber qué fotograma es el bloqueador, expande la sección correspondiente debajo de la descripción del problema.

Problemas habituales que impiden el almacenamiento en caché atrás/adelante

Estos son los dos motivos principales que impiden que se ejecute bfcache:

• Encabezado Cache-Control: no-store.

  Se recomienda este valor de encabezado para las páginas con información personal y privada. Para las páginas que deseas que se actualicen de forma razonable, usa no-cache o un tiempo de caché corto, por ejemplo, max-age=60.

• Controladores de descarga problemáticos.

  Chrome planea dar de baja los controladores de descarga y recomienda no usar nunca un evento unload.

  Para asegurarte de que tu sitio web no use controladores de descarga y, por ejemplo, evitar que las extensiones agreguen eventos unload, declara el encabezado de respuesta HTTP Permissions-Policy: unload=().

Sugerencia: Para probar una corrección de bfcache, puedes simular un encabezado de respuesta con anulaciones.