Não registra um service worker que controla a página e start_url
Published on • Updated on
Registrar um service worker é a primeira etapa para habilitar os principais recursos do Progressive Web App (PWA):
- Funciona offline
- Suporta notificações push
- Pode ser instalado no dispositivo
Saiba mais em Service workers e na postagem da API Cache Storage.
Compatibilidade do navegador
Todos os principais navegadores, exceto o Internet Explorer, oferecem suporte a trabalhadores de serviço. Consulte compatibilidade do navegador .
Como a auditoria do service worker do Lighthouse falha
O Lighthouse sinaliza páginas que não registram um service worker:
![Auditoria do Lighthouse mostrando que o site não registra um service worker](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/URqaGD5akD2LNczr0jjQ.png?auto=format)
O Lighthouse verifica se o protocolo de depuração remota do Chrome retorna uma versão do service worker. Do contrário, a auditoria falha.
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).
Como registrar um 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.
O registro de um service worker envolve apenas algumas linhas de código, mas o único motivo pelo qual você utilizaria um ervice worker é para possibilitar a implementação de um dos recursos do PWA descritos acima. Na verdade, a implementação desses recursos requer mais trabalho:
- Para aprender como armazenar arquivos em cache para uso offline, consulte a publicação O que é confiabilidade de rede e como você a mede?.
- Para saber como tornar seu aplicativo instalável, consulte o codelab Torne-o instalável.
- Para saber como habilitar notificações push, consulte Adicionando notificações push a um aplicativo da web do Google .
Recursos
Updated on • Improve article