Progressive Web Apps with React

Network requests

We will jump up to network requests now, since it'll help explain a lot of the rest of the performance profile.

Here, you can see what data was exactly loaded in at what time. At the beginning, we see a lot of the setup files: the Firebase app and messaging libraries, our bundle.js, and the actual document for the page.

Later on, the two significant calls are for the user: to log in and load the user details. The last thing we load is the manifest.

This ordering makes sense. We need to load the Firebase libraries and our JavaScript in order to boot up our application. Once we do so, we start the login process.

The next thing ...