Le fichier manifeste de l'application Web ne respecte pas les exigences d'installation

La facilité d'installation est une exigence fondamentale des progressive web apps (PWA). En invitant les utilisateurs à installer votre PWA, vous leur permettez de l'ajouter à leur écran d'accueil. Les utilisateurs qui ajoutent des applications aux écrans d'accueil interagissent plus fréquemment avec ces applications.

Un fichier manifeste d'application Web inclut les informations clés requises pour rendre votre application installable.

Échec de l'audit du fichier manifeste de l'application Web Lighthouse

Lighthouse signale les pages qui n'ont pas de fichier manifeste d'application Web répondant aux exigences minimales d'installation:

Audit Lighthouse montrant que l'utilisateur ne peut pas installer l'application Web depuis son écran d'accueil

Si le fichier manifeste d'une page n'inclut pas les propriétés suivantes, l'audit échouera:

  • Une propriété short_name ou name
  • Une propriété icons comprenant une icône de 192 x 192 px et une icône de 512 x 512 px
  • Une propriété start_url
  • Une propriété display définie sur fullscreen, standalone ou minimal-ui
  • Une propriété prefer_related_applications définie sur une valeur autre que true.

Rendre votre PWA installable

Assurez-vous que le fichier manifeste de votre application répond aux critères ci-dessus. Pour en savoir plus sur la création d'une PWA, consultez la section Rendre l'installation possible.

Vérifier que votre PWA peut être installée

Dans Chrome

Lorsque votre application répond aux exigences minimales d'installation, Chrome déclenche un événement beforeinstallprompt que vous pouvez utiliser pour inviter l'utilisateur à installer votre PWA.

Dans d'autres navigateurs

Les autres navigateurs présentent des critères différents pour l'installation et le déclenchement de l'événement beforeinstallprompt. Pour en savoir plus, consultez les sites concernés:

Ressources