"start_url" no responde con un 200 cuando está sin conexión

Published on Updated on

Translated to: English, Português

El manifiesto de una Aplicación web progresiva (PWA) debe incluir un start_url que indica la URL que se cargará cuando el usuario inicie la aplicación.

Si el navegador no recibe una respuesta HTTP 200 al acceder a una aplicación desde el start_url, la start_url no es correcta o la página no es accesible sin conexión. Esto causa problemas a los usuarios que han instalado la aplicación en sus dispositivos.

Cómo falla la auditoría Lighthouse de start_url

Lighthouse marca las aplicaciones web cuya URL de inicio no responde con un 200 cuando está sin conexión:

La auditoría Lighthouse que muestra que la URL de inicio no responde con 200 cuando está sin conexión

In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).

Cómo asegurarse de que tu página esté disponible sin conexión

Éxito

Workbox is the recommended approach for adding service workers to websites because it automates a lot of boilerplate, makes it easier to follow best practices, and prevents subtle bugs that are common when using the low-level ServiceWorker API directly.

  1. Si aún no tienes uno, agrega un manifiesto de aplicación web.
  2. Verifica que el start_url en tu manifiesto esté correcto.
  3. Agrega un service worker a tu aplicación.
  4. Utiliza el service worker para almacenar en caché los archivos localmente.
  5. Cuando estés sin conexión, utiliza el service worker como proxy de red para devolver la versión del archivo almacenada en el caché local.

Consulta la página actual no responde con un 200 cuando está sin conexión para obtener más información.

Recursos

Updated on Improve article

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.