Probar la memoria caché atrás/adelante

Sofia Emelianova

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 cuando usas 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 las navegaciones instantáneas hacia adelante y hacia atrás. Para obtener más información, consulta Caché atrás/adelante.

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

Para inspeccionar los datos de la caché, sigue los pasos que se indican en Cómo ver los datos de la caché.

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

Cómo probar la memoria caché atrás/adelante

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

1. En tu página, abre DevTools y, luego, navega a Application > Background services > Back/forward cache.

   

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

   Chrome te dirige automáticamente a chrome://terms/ y vuelve a tu página.

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

Si la caché de 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 saber qué problemas afectan a qué fotogramas, expande la sección Frames.

Cómo resolver 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 se evita el almacenamiento en caché. Sin embargo, una vez que se admiten, Chrome quita estas limitaciones.
• No permite una acción. No puedes solucionar estos problemas en esta página. Algo fuera del control de la página impide el almacenamiento en caché.

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

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

Los dos motivos principales que impiden que se ejecute bfcache son los siguientes:

• Encabezado Cache-Control: no-store.

  Este valor de encabezado se recomienda para las páginas con información personal y privada. Para las páginas que deseas que estén actualizadas, 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 garantizar 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.