Nicht für einen benutzerdefinierten Startbildschirm konfiguriert

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:

Lighthouse-Audit, dass die Website nicht für einen benutzerdefinierten Ladebildschirm konfiguriert ist

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