A instalação é um requisito essencial dos Progressive Web Apps (PWAs). Ao solicitar que os usuários instalem seu PWA, você permite que eles o adicionem às telas iniciais. Os usuários que adicionam apps à tela inicial interagem com eles com mais frequência.
Um manifesto de app da Web inclui informações importantes necessárias para tornar seu app instalável.
Como a auditoria de manifesto do app da Web do Lighthouse falha
O Lighthouse sinaliza páginas que não têm um manifesto de app da Web que atenda aos requisitos mínimos de instalação:
Se o manifesto de uma página não incluir as seguintes propriedades, ele falhará na auditoria:
- Uma propriedade
short_name
ouname
- Uma propriedade
icons
que inclui um ícone de 192 x 192 pixels e um de 512 x 512 pixels. - Uma propriedade
start_url
- Uma propriedade
display
definida comofullscreen
,standalone
ouminimal-ui
- Uma propriedade
prefer_related_applications
definida com um valor diferente detrue
.
Como tornar o PWA instalável
Confira se o app tem um manifesto que atende aos critérios acima. Consulte Tornar instalável para mais informações sobre como criar um PWA.
Como verificar se o PWA pode ser instalado
No Chrome
Quando o app atende aos requisitos mínimos de instalação,
o Chrome dispara um evento beforeinstallprompt
que pode ser usado para solicitar que o usuário instale o PWA.
Em outros navegadores
Outros navegadores têm critérios diferentes para instalação
e para acionar o evento beforeinstallprompt
.
Verifique os respectivos sites para mais detalhes: