Écran de démarrage personnalisé non disponible

Un écran de démarrage personnalisé donne à votre progressive web app (PWA) l'impression d'une application conçue pour cet appareil. Par défaut, lorsqu'un utilisateur lance votre PWA depuis l'écran d'accueil, Android affiche un écran blanc jusqu'à ce que la PWA soit prête. L'utilisateur peut voir cet écran blanc vide pendant 200 ms maximum. En configurant un écran de démarrage personnalisé, vous pouvez proposer aux utilisateurs une couleur d'arrière-plan personnalisée et l'icône de votre PWA, pour une expérience attrayante et associée à votre marque.

Échec de l'audit de l'écran de démarrage de Lighthouse

Lighthouse signale les pages qui n'ont pas d'écran de démarrage personnalisé:

Audit Lighthouse indiquant que le site n'est pas configuré pour un écran de démarrage personnalisé

Créer un écran de démarrage personnalisé

Chrome pour Android affiche automatiquement votre écran de démarrage personnalisé si vous remplissez les conditions suivantes dans le fichier manifeste d'application Web:

  • La propriété name est définie sur le nom de votre PWA.
  • La propriété background_color est définie sur une valeur de couleur CSS valide.
  • La propriété theme_color est définie sur une valeur de couleur CSS valide.
  • Le tableau icons spécifie une icône de 512 x 512 px minimum.
  • L'icône spécifiée existe, au format PNG.

Pour en savoir plus, consultez Ajouter un écran de démarrage pour les applications Web installées dans Chrome 47.

Ressources

Code source pour l'audit N'est pas configuré pour un écran de démarrage personnalisé