Breaking Down the Choices That Got Me 90+ PageSpeed with Next.js

I recently rebuild a nextjs app to increase the pagespeed scores from ~50 to 90 on mobile devices.

I won't be able to disclose the website name/domain, however I will go over the choices I made to improve the score drastically.

First and foremost, I made sure that every image/video asset is in webp. This was the most important aspect of increasing the page speed.

Lazy load google analytics script

Lazy load images after the website is loaded.

Component I choices. I primarily used shadcn and manually built most of my components.