PageSpeed Insights
The Performance
Tools are great in that they let us dive deep into the nitty gritty of our application's loading. We will use them to keep track of our app's performance as we try to improve it, but, if we want more specific, detailed suggestions, we can turn to PageSpeed Insights, a tool provided by Google.
Go to PageSpeed Insights (https://developers.google.com/speed/pagespeed/insights/) and plug in the URL of your deployed application. After a few seconds, you'll get recommendations about what can we improve about Chatastrophe:
As you can see, our mobile performance is in dire need of aid. Most of the insights focus on our render-blocking JavaScript and CSS. I encourage you to read through their descriptions of these problems and try fixing them on your own. In the next section, we'll work on improving our app to Google's specifications, using another Progressive Web App secret weapon--the app shell pattern.