A página atual não responde com um código 200 quando off-line

A lista de verificação Core Progressive Web App informa que um PWA precisa fornecer uma página off-line personalizada. A Lista de verificação ideal de Progressive Web App diz que um PWA precisa fornecer uma experiência off-line em que ele funcione off-line da mesma forma que on-line (onde a conectividade de rede não for estritamente necessária).

Saiba mais na postagem O que é a confiabilidade da rede e como ela pode ser medida? (em inglês).

Como a auditoria off-line do Lighthouse falha

O Lighthouse sinaliza páginas que não respondem com uma resposta HTTP 200 quando off-line:

Auditoria do Lighthouse mostrando que a página não responde com um 200 quando off-line

O Lighthouse emula uma conexão off-line usando o protocolo de depuração remota do Google Chrome e tenta recuperar a página usando XMLHttpRequest.

Como fazer o PWA funcionar off-line

  1. Adicione um service worker ao app.
  2. Use o service worker para armazenar arquivos em cache localmente.
  3. Quando estiver off-line, use o service worker como um proxy de rede para retornar a versão armazenada localmente do arquivo.

Recursos