So, every year on Engineer's Day (15th September), being a engineer myself i love building stuff, it could be either redesigning my website or switching to different/new shiny tech stack, last time I remember, this has been my fourth upgrade, from blogger -> wordpress -> jekyll -> react + contentful -> next.js + headless cms. I have been using next.js for a while now and it has become one of the most popular framework in the web development world. It is also very easy to use and understand. So, i decided to go with next.js as my website tech stack.

This time, Being a Web Performance Engineer, I focused on the performance upgrades, so currently i am documenting my journey here. So, I would recommend to bookmark this article, in case you are interested in making your site faster or reach out to me:

Here is a series of hacks on how I improved my websites performance:

• (Part - 1) - Image Optimizations

• (Part - 2) - Font Optimizations

• (Part - 3) - CSS Optimizations

• (Part - 4) Fixing Render Blocking CSS Issue

• (Part - 5) Fixing LCP load time

Also here, I have added a performance checklist for Web Developers:

• Web Performance Checklist 2025

With great power's comes great responsibility, having a website is not enough you have to also take care of the various aspects of it.

This is a ongoing series, so keep watching this space. Do follow and subscribe to my newsletter for updates: