Is it a good idea to have a splash screen on web

Help General
1

Hi flutter devs :waving_hand:

My question may be a bit strange but is it a good idea to have a splash screen in web?
The loading takes a lot of time so I added a splash screen which some people said is unusual for web, and would be great to know if we can speed up the loading process in web, at least to show smth while things load in the background.
Some optimization ideas on this would be helpful

Thanks :blush:

2

Lot of web apps have splash screens, but yeah it’s not elegant, depends on what is the use-case. For an ‘app’ app is kinda normal, see gmail. But for stuff like commerce, I think it’s important to display some basic information as fast as possible, you can load the details later.

You can change the splash screen to something simple that displays some information, until the app itself loads.

Most of the splash screen time is the downloading of the app itself. It’s a problem, because the average flutter app is 50+ megabytes.

I didn’t do many things for web, I just did some research when trying it out, because even with a simple app there was a considerable splash screen time even locally.

I have found a lot of discussions about optimizing load times, even found a thread somewhere, probably on reddit where someone linked his e-commerce site and it was loading seemingly instantly. I can’t find it now, I thought I saved it because it was a good description of what he did to make it seem fast. So try searching on google.

I don’t have many practical answers, but most tricks I saw were about modifying the the index.html

2 Likes
3

What alternative do you have?

I do also use a Splash Screen for my web app and i think it is far better than having a plain white screen showing nothing.

For single page websites, it is quite normal to have a splash screen.
Take a look on websites like Figma (Online Designer Tool).

To avoid this, you could use deferred loading to allow your users to only download what they currently need to display.