Mit einem benutzerdefinierten Ladebildschirm wirkt deine Progressive Web App (PWA) eher wie eine App, die speziell für das jeweilige Gerät entwickelt wurde. Wenn ein Nutzer Ihre PWA vom Startbildschirm aus startet, wird in Android standardmäßig ein weißer Bildschirm angezeigt, bis die PWA bereit ist. Der Nutzer kann diesen leeren, weißen Bildschirm bis zu 200 ms lang sehen. Wenn du einen benutzerdefinierten Ladebildschirm einrichtest, kannst du deinen Nutzern eine benutzerdefinierte Hintergrundfarbe und das Symbol deiner PWA zeigen. So sorgst du für ein ansprechendes Markenerlebnis.
So schlägt die Prüfung des Lighthouse-Ladebildschirms fehl
Lighthouse meldet Seiten, die keinen benutzerdefinierten Ladebildschirm haben:
Benutzerdefinierten Ladebildschirm erstellen
Chrome für Android zeigt automatisch Ihren benutzerdefinierten Ladebildschirm an, wenn die folgenden Anforderungen in Ihrem Web-App-Manifest erfüllt sind:
- Für das Attribut
nameist der Name Ihrer PWA festgelegt. - Für die Eigenschaft
background_colorist ein gültiger CSS-Farbwert festgelegt. - Für die Eigenschaft
theme_colorist ein gültiger CSS-Farbwert festgelegt. - Das
icons-Array gibt ein Symbol mit mindestens 512 × 512 Pixeln an. - Das angegebene Symbol ist eine PNG-Datei.
Weitere Informationen finden Sie unter Ladebildschirm für installierte Web-Apps in Chrome 47 hinzufügen.
Ressourcen
Quellcode für die Prüfung Ist nicht für einen benutzerdefinierten Ladebildschirm konfiguriert