The overall problem was to be able to gain loading time for this PrestaShop store.
After a preliminary analysis of the site, we detected the main bottlenecks in order to determine the actions to be taken.
After the interventions, the site performance rating as more than doubled.
In order to gain efficiency, we applied the cache on server side "varnish". Varnish was applied on pages: homepage, categories, products and cms.
The implementation took place in several stages:
After this, the construction time of the pages has been reduced by almost 50%
The Lazy Loading technique makes it possible to defer the loading of images. Especially those below the waterline. The initial loading of the page is thus faster.
For this site, we have implemented our specific module which analyzes the HTML code of the pages and modifies it so that the images are not loaded from the start, but are replaced by a transparent pixel.
The browser then only loads images above the fold, saving dozens of file transfers (the site went from 244 to ;88 files downloaded).
Visitors enjoy faster loading and viewing speed.
|Downloaded Files||244 files||88 files|
|Page Weight||11.3 MB||6.98MB|
The fonts used on the store have been integrated in the theme of the store in place to be stored on external servers such as fonts.google.com
This technique reduces the number of files to transfer and reduces the "Total Blocking Time" (waiting time of the browser before the display of texts) through proper loading.
|Total blocking time||1300ms||470ms|
A series of complementary actions have been taken; put in place to improve benchmarks for Google, the Core Web Vitals:
|Largest Contentful Paint||3.5s||1.0s|
|Cumulative Layout Shift||1300ms||470ms|