Splash Screen

If you use a custom splash screen for your PWA you will make it look more like an app.

PWA

Why set up a custom splash screen?

If you use a custom splash screen for your PWA (Progressive Web App) you will make it look more like an app created specifically for the device it is opened on.

When the PWA is launched by the user it takes a few moments to load, during which time a blank screen is shown (for 200 ms at most).

You could then exploit this waiting time by using a monochrome background with the PWA icon, thus making the loading less anonymous.

How the SeoChecker splash screen audit is displayed

If your page has no custom splash screen, SeoChecker will notify it.

splash screen

How can I create a custom splash screen?

Be sure to follow these requirements in your Web App Manifest:

you need to specify an icon that is minimum 512x512 px in the icons array;
you should set to a valid CSS color value the background_color property;
for the icon use a PNG;
be sure that name property matches the name of the PWA.

Related guides

Learn more about PWA

APPLE TOUCH ICON

MASKABLE ICON

PWA CROSS BROWSER

PWA UNIQUE PAGE URL

SERVICE WORKER

THEMED OMNIBOX

WEB APP MANIFEST

SEO Audit

On page SEO performance and page checkup.

Over 300 parameters for the deeper page analysis.

Try it now

Share this Guide

Did you like it? Share it!

Web tools for modern developers. Try these one!

Over 50 generators, builders and validators to improve your SEO and web performances

META TAGS GENERATOR

Builders and generators

Generate required and most useful meta tags for your pages.

Provide metadata about your website and help search engines to provide relevant content.

GRID CALCULATOR

Builders and generators

Layout Grid Calculator: set your grid system, page width, margin, gutter and columns.

Design your layout grid system for web pages and print design.

PAGESPEED INSIGHTS

Tester and validators

Analyze your web page speed performance.

Retrieve information about speed index, latency, first contentful paint and more.

GOOGLE URL BUILDER

Analytics Google Tracking script

Build your Google Campaign Url for better tracking.

Add UTM parameters and track Custom Campaigns in Analytics account.

HEX TO RGB CONVERTER

Converters

Convert instantly color codes from HEX to RGB (red, green, blue) color schema and vice versa.

Insert color and try it for free.

WEB VITALS CALCULATOR

Google

Find out how Google calculates your overall Performance score.

Drag the cursors to understand what thresholds you must be aiming for achieving a good performance

IMAGE COLOR PALETTE

Images

Upload yours images and get the color palette.

Get color palette for all dominant colors identified in your uploaded image.

SEO AUDIT

Check SEO performance and page checkup.

Over 250 parameters for the deeper page analysis.

Find out more about the performance of your website.