Não registra um service worker que controla a página e start_url

Published on Updated on

Translated to: English, Español, 한국어, 中文, Pусский, 日本語

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

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

Success

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:

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.