Road to 100/100 on PageSpeed Insight (Part 1)

Advanced Angular Material app based on Firebase VS PageSpeed Insight

Volodymyr Golosay
5 min readAug 6, 2022


Achieving 100/100 on PageSpeed Insights
Achieving 100/100 on PageSpeed Insights

People who follow me know I have a side hustle project. It’s an app where teams can estimate tasks using planning poker, conduct retrospectives, and check technical skills during online interviews for free. It’s an Angular application that uses Firebase under the hood. And to be SEO-friendly, I pre-render pages before each app deployment.

Sounds like real life application with a popular technical stack and requirements. I have grown it for more than two years and have already written a story about how to achieve the fastest performance and be SEO-friendly with Firebase hosting at no cost.

Recently I found that the score of my app became super low, especially for mobile phones. That’s not surprising because competition and user demands are growing daily, so you must evolve regularly to be on the market.

But the score became unacceptable low—just 32 points for mobile.

Bad PageSpeed Insights score for mobile
Initial PageSpeed Insight score

Therefore, I decided to reach 90+ for mobile devices by all means. It will improve user experience and probably even better positions in Google search results.

It will be a series of articles that I will write during development. Together we will see how it goes, how much effort it will cost, and what actions will give the most significant results.

Here are the technical specifications of the project that I have initially:

  • Angular 13
  • Angular Material 13
  • AngularFire 7 in compatibility after migration from v6
  • Firebase 9 in compatibility mode after migration from v8
  • Firebase Realtime database + Users authentication
  • Firebase anonymous…



Volodymyr Golosay

Lead software engineer, indie developer, and tech enthusiast. I write about technology, SaaS, and the latest development trends.