En la lista de tareas principales de la app web progresiva, se indica que una AWP debe proporcionar una página personalizada sin conexión. La lista de tareas para la app web progresiva óptima indica que una AWP debe proporcionar una experiencia sin conexión en la que funcione de la misma manera sin conexión que en línea (donde no se requiera estrictamente la conectividad de red).
Obtén más información en la publicación ¿Qué es la confiabilidad de la red y cómo se mide?
Cómo falla la auditoría de Lighthouse sin conexión
Lighthouse marca las páginas que no responden con una respuesta HTTP 200 cuando no tienen conexión:
Lighthouse emula el uso sin conexión con el protocolo de depuración remota de Chrome y, luego, intenta recuperar la página con XMLHttpRequest.
Cómo hacer que tu AWP funcione sin conexión
- Agrega un service worker a la app.
- Usa el service worker para almacenar en caché los archivos de forma local.
- Cuando no tengas conexión, usa el service worker como proxy de red para mostrar la versión del archivo almacenada en caché local.