Skip to content
Aprender Medir Blog Case studies About
En esta página
  • Compatibilidad del navegador
  • Cómo fallar la auditoría del service worker de Lighthouse
  • Cómo registrar un service worker
  • Recursos

No registra un service worker que controla la página y el start_url

May 4, 2019 — Actualizado Jun 10, 2020
Available in: 日本語, 한국어, Português, Русский, 中文, English
Appears in: Auditorias de las PWA
En esta página
  • Compatibilidad del navegador
  • Cómo fallar la auditoría del service worker de Lighthouse
  • Cómo registrar un service worker
  • Recursos

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

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 #

É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.

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
Última actualización: Jun 10, 2020 — Mejorar el artículo
Return to all articles
Compartir
suscribir

Contribute

  • Presentar un error
  • Ver fuente

Contenido relevante

  • developer.chrome.com
  • Chrome Actualizaciones
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos los productos
  • Condiciones y privacidad
  • Principios de la Comunidad

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.