Improving the website speed score from 15% to 90% PLUS on the Magento 2.0 version.

The journey for speed began when our client came to us requesting to increase the speed in BOTH mobile and desktop browsers, he was quite unhappy with the way the website was loading on mobile as it was taking way too long and he was losing on clients, therefore it was essential for him to get the site optimized.

So to give the best user experience on mobile and desktop we fixed the following issues on his Magento website:

First Contentful Paint (FCP)
First Input Delay (FID)
Largest Contentful Paint (LCP)
Cumulative Layout Shift (CLS)
Interaction to Next Paint (INP)
Time to First Byte (TTFB)

From the page size of 3MB, it came to a few KBs clearing the CLS issues meant giving a better user experience to the mobile user. Since it was an e-commerce website naturally the site had hundreds of product images, and tons of javascript and CSS code so optimizing and ensuring that the site didn’t break was also crucial for us.

The point to be noted was that the site was sitting on a shared server and of course, other sites were sharing the resources therefore optimizing it became harder! Nevertheless, with an experience of 20 plus years on Magent o we were able to meet the goal and achieve a 90% plus score on GT Metrix.