Created by: ace4port
On devices with slower connection (<4G) the initial response (this file) shows a blank white page while bundle gets loaded.
Users (and even me as a developer) have experienced this and mistake the site for being unavailable/broken when actually the initial response is sent and JavaScript gets loading.
This should not be the default behavior - even a simple text Loading ... with zero styling text gives some information. It does not leave me worrying if the page is broken - but that something is going on and I should wait.
Adding a fancy svg loader like here does not add to file size (1.9 vs 2.3kB).
Thus something as simple as this would work fine and it will be replaced by react after load anyways.
<div id="root">
<p> Loading ... </p>
</div>While this not an issue when using frameworks like Next, Gatsby or Remix and the load times can be reduced with code splitting, create-react-app should come out of the box being able to be deployed.