Melhoria na detecção do suporte a Progressive Web App off-line

Penny McLachlan
Penny McLachlan

Progressive Web Apps (PWAs) são um padrão para criar aplicativos modernos e instaláveis usando tecnologia da Web para dispositivos móveis e computadores.

Um dos critérios para criar uma experiência moderna na Web, e não os PWAs coincidentes, é que o app precisa continuar funcionando mesmo que o dispositivo está off-line. Isso significa que nenhuma tela do dinossauro do Chrome aparece se o usuário perder a rede acessar no dispositivo.

O objetivo de todos os critérios de PWA é garantir que os usuários tenham um de alta qualidade e competitividade com o app ao navegar na Web. Desempenho do Chrome verifica os critérios do PWA antes de ativar a instalação. para um PWA.

Somente apps que atendem a todas as configurações principais Critérios de instalação de Progressive Web App, incluindo suporte para o modo off-line, pode ser instalado no dispositivo pelo Chrome.

Lógica anterior de detecção off-line

A verificação do suporte off-line faz parte da instalação do PWA há vários anos. Até recentemente, o Chrome não tinha a simular solicitações por meio do service worker, portanto, uma verificação completa do comportamento off-line correto não era possível.

Diagrama do service worker

Isso significava que o Chrome não tinha a capacidade de validar se o fetch o manipulador de eventos retornou um recurso válido com HTTP 200 durante a verificação off-line. O Chrome apenas verificava se o service worker realmente tinha um gerenciador fetch.

Lógica de detecção off-line atualizada

O Chrome 89 adicionou a capacidade de executar solicitações off-line simuladas por meio do service worker, permitindo uma lógica aprimorada de detecção off-line para refletir melhor o suporte off-line real do aplicativo.

Tínhamos planejado usar essa nova capacidade para garantir que os PWAs fornecessem um endereço quando estiver off-line, mas suspenderam esses planos. Verificação da instalação continuará a ser transmitida se a página tiver um service worker que inclua um Manipulador de eventos fetch.

O que isso significa para os desenvolvedores?

Nenhuma mudança é necessária agora, mas recomendamos que você forneça uma experiência off-line, já que usaremos a lógica atualizada para verificar se um endereço de e-mail válido página em algum momento no futuro.

O tipo de experiência off-line que você quer oferecer depende de você. De um lado, há uma experiência off-line totalmente funcional. Isso significa armazenar previamente em cache todos os recursos e dados necessários e sincronizar os dados com quando o usuário fica on-line novamente. O armazenamento em cache dos recursos também ajuda principais métricas da Web, porque elimina a necessidade de fazer o download da rede todas as vezes. Na outra ponta do espectro está página substituta off-line personalizada.

O aviso que é exibido A guia Problemas das ferramentas para desenvolvedores será removida por volta do Chrome 90.