A custom splash screen makes your Progressive Web App (PWA) feel more like an
app built for that device. By default, when a user launches your PWA from the home screen,
Android displays a white screen until the PWA is ready.
The user may see this blank, white screen for up to 200 ms.
By setting up a custom splash screen,
you can show your users a custom background color and your PWA's icon,
providing a branded, engaging experience.
How the Lighthouse splash screen audit fails
Lighthouse
flags pages that don't have a custom splash screen:
How to create a custom splash screen
Chrome for Android automatically shows your custom splash screen as 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 theme_color property is set to a valid CSS color value.
The icons array specifies an icon that is at least 512x512 px.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-04-16 UTC."],[],[]]