A Web moderna é usada por muitas pessoas, com vários dispositivos e tipos de conexões de rede. Suas criações podem alcançar usuários em todo o mundo, mas oferecer uma experiência confiável na Web para todos os usuários pode ser um desafio. Pode ser difícil entender o que significa confiabilidade.
Confiável no modo off-line
Uma maneira de pensar sobre confiabilidade é se o app da Web vai funcionar sem uma conexão de rede. Esse é um tipo de confiabilidade que os usuários consideram garantida com apps específicos da plataforma instalados em um dispositivo móvel de uma app store. Quando você vê um ícone de um desses apps, espera poder tocar nele e abrir algum tipo de experiência, independente de estar conectado à Internet.
Até pouco tempo, era difícil criar aplicativos da Web confiáveis sem uma conexão de rede.
Rápido e confiável
Outra maneira de pensar sobre a confiabilidade é se os usuários podem contar com o carregamento do web app em uma velocidade rápida o suficiente quando têm uma conexão de rede que pode ser menos do que ideal. Os usuários recorrentes terão a mesma experiência ao interagir com seu web app em uma conexão celular e em uma rede Wi-Fi? E os usuários que têm uma conexão de alta latência ou "lie-fi"? Seu app da Web vai ser rápido e confiável mesmo nesses cenários?
Não basta ser rápido nas melhores circunstâncias. Os usuários vão ver o desempenho do seu web app de acordo com o comportamento dele em todas as condições de rede.
A confiabilidade é possível
A boa notícia é que a plataforma da Web moderna oferece tecnologias, como service workers e a API Storage de Cache, que podem servir como elementos básicos para a criação de aplicativos da Web confiáveis. Eles permitem que você escreva um código que fica entre o app da Web e a rede. Em muitos casos, é possível ignorar a rede completamente e usar conteúdo armazenado em cache anteriormente para atender às solicitações do seu web app.
Sua luz guia: responde com um código 200 OK quando off-line
Depois de começar a criar um service worker e veicular conteúdo de caches, é difícil saber se você está fazendo isso de maneira eficaz. Como saber se o service worker implementado realmente ajuda seu web app a evitar a rede? Como evitar que uma pequena mudança na sua estratégia de armazenamento em cache prejudique a experiência off-line cuidadosamente elaborada?
O Lighthouse oferece um teste específico de interesse particular ao criar um app da Web confiável: Responde com um código 200 OK quando off-line:
O que está sendo testado aqui? Isso simula uma perda de conectividade de rede no navegador, seguida por uma tentativa de carregar qualquer URL do site que esteja sendo auditado. Isso testa um aspecto da criação de um site confiável, ou seja, ser confiável off-line, usando uma sequência controlada e repetível de ações.
É uma jornada
Se você estiver começando, há uma grande chance de receber um resultado negativo na verificação "Responde com um código 200 quando off-line". Tudo bem! A menos que você esteja usando um projeto inicial personalizado, os aplicativos da Web não têm esse tipo de confiabilidade por padrão. Os próximos guias vão apresentar as técnicas necessárias para identificar o que seu web app está carregando e ensinar como usar o Lighthouse para tornar essa experiência de carregamento confiável.
Durante todo esse processo, recomendamos que você continue executando as auditorias do Lighthouse. Eles servem como um guia ao longo da sua jornada, começando com um novo aplicativo da Web e terminando com um PWA confiável.