Mit einem benutzerdefinierten Ladebildschirm wirkt deine progressive Web-App (PWA) eher wie eine App, die speziell für dieses 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 und so deine Marke ansprechender gestalten.
Fehler bei der Prüfung des Lighthouse-Ladebildschirms
Lighthouse meldet Seiten, die keinen benutzerdefinierten Ladebildschirm haben:
Benutzerdefinierten Ladebildschirm erstellen
Chrome für Android zeigt automatisch Ihren benutzerdefinierten Ladebildschirm an, solange die folgenden Anforderungen in Ihrem Web-App-Manifest erfüllt sind:
- Für die Property
name
ist der Name deiner PWA festgelegt. - Die Eigenschaft
background_color
ist auf einen gültigen CSS-Farbwert festgelegt. - Die Eigenschaft
theme_color
ist auf einen gültigen CSS-Farbwert festgelegt. - Das Array
icons
gibt ein Symbol an, das mindestens 512 × 512 Pixel groß ist. - Das angegebene Symbol ist im PNG-Format vorhanden.
Weitere Informationen finden Sie unter Ladebildschirm für installierte Webanwendungen in Chrome 47 hinzufügen.
Ressourcen
Quellcode für die Prüfung Ist nicht für einen benutzerdefinierten Ladebildschirm konfiguriert