Configured For A Custom Splash Screen

Why the audit is important

A custom splash screen makes your progressive web app (PWA) feel more like a native app.

When a user launches your PWA from the homescreen, Android's default behavior is to display a white screen until the PWA is ready. The user may see a blank, white screen for up to 200ms. With a custom splash screen, the user sees a custom background color and your PWA's icon instead.

See Adding a Splash Screen for Installed Web Apps in Chrome 47 for more information.

How to pass the audit

Chrome for Android automatically shows your custom splash screen so long as you meet the following requirements in your web app manifest:

  • The name property is set to the name of your PWA.
  • The background_color property is set to a valid CSS color value.
  • The icons array specifies an icon that is at least 512px by 512px.
  • The icon exists and is a PNG.

How the audit is implemented

This section explains how this audit is implemented, so that you can understand how the audit's score is calculated.

The audit passes if all of the requirements specified in How to pass the audit are met.

Audit source code