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, offrant ainsi une expérience engageante et associée à votre marque.
Échec de l'audit de l'écran de démarrage Lighthouse
Lighthouse signale les pages sans é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 de votre application Web:
- La propriété
nameest définie sur le nom de votre PWA. - La propriété
background_colorest définie sur une valeur de couleur CSS valide. - La propriété
theme_colorest définie sur une valeur de couleur CSS valide. - Le tableau
iconsspécifie une icône d'au moins 512 x 512 px. - L'icône spécifiée existe et est au format PNG.
Pour en savoir plus, consultez Ajouter un écran de démarrage pour les applications Web installées dans Chrome 47.
Ressources
Le code source de N'est pas configuré pour un audit d'écran de démarrage personnalisé