No registra un service worker que controla la página y el start_url
Published on • Updated on
El registro de un service worker es el primer paso para habilitar las funciones clave de la aplicación web progresiva (PWA):
- Funcionar sin conexión
- Admitir notificaciones emergentes
- Se puede instalar en el dispositivo
Obtenga más información en la publicación Service Workers y API de almacenamiento en caché.
Compatibilidad del navegador
Todos los navegadores principales, excepto Internet Explorer, son compatibles con los service workers. Consulte Compatibilidad del navegador.
Cómo fallar la auditoría del service worker de Lighthouse
Lighthouse marca las páginas que no registran un service worker:
![Auditoría de Lighthouse que muestra que el sitio no registra un service worker](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/URqaGD5akD2LNczr0jjQ.png?auto=format)
Lighthouse comprueba si el Protocolo de depuración remota de Chrome devuelve una versión del service worker. Si no es así, la auditoría falla.
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 registrar un service worker
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.
El registro de un trabajador del servicio implica solo unas pocas líneas de código, pero la única razón por la que usaría un service worker es para hacer posible la implementación de una de las características de la PWA descritas anteriormente. La implementación real de esas características requiere más trabajo:
- Para saber cómo almacenar archivos en caché para su uso sin conexión, consulte la publicación ¿Qué es la confiabilidad de la red y cómo se mide?.
- Para saber cómo hacer que su aplicación sea instalable, consulte el laboratorio de códigos Hacerlo instalable.
- Para saber cómo habilitar las notificaciones emergentes, consulte Añadir notificaciones emergentes a una página Web de Google.
Recursos
- Código fuente para la auditoría No registra un service worker que controla la página y el
start_url
- Service workers: una introducción
- Service workers y la API de almacenamiento en caché
- ¿Qué es la confiabilidad de la red y cómo se mide?
- Hágalo instalable
- Agregar notificaciones emergentes a una aplicación web
Updated on • Improve article