Limited Resell is an online store specializing in the sale of sneakers. Offering a wide range of models, the site allows sneaker enthusiasts to easily and securely acquire the most coveted footwear. This online store, built using the PrestaShop CMS, sought our expertise to ensure its proper functioning, especially concerning its technical performance.
The major challenge faced by Limited Resell was optimizing loading times, a critical aspect to provide a smooth and fast user experience.
In this case study, we will detail our approach to address this challenge. We will start with an initial analysis of the site to identify the main bottlenecks. Then, we will present the prioritized actions we recommended to improve loading times. Finally, we will examine the results achieved after implementing these actions, demonstrating a significant enhancement in the overall site performance.
In order to enhance our efficiency, we implemented server-side Varnish caching on specific pages: the homepage, categories, product pages, and CMS pages.
This implementation process involved several key steps:
As a result of these efforts, we achieved a significant reduction in page load times, reducing them by nearly 50%.
The Lazy Loading technique, also known as "deferred loading," is extremely useful for optimizing the loading time of web pages. It involves delaying the loading of images, especially those below the fold of the page. Thanks to this method, the initial page loads much faster, providing a better user experience.
In the case of this particular site, we have implemented a module specifically designed for this task. This module analyzes the HTML code of each page and makes necessary modifications to prevent the immediate loading of images below the fold. Instead, these images are replaced with a transparent pixel. The browser only loads the images that are above the fold, avoiding dozens of unnecessary file transfers. Thanks to this optimization, the number of files downloaded on the site has been reduced from 244 to 88.
Visitors to this website enjoy a significantly improved loading and viewing experience, with pages loading faster, which helps retain their attention and improve overall satisfaction.
The fonts used on the online store have been embedded directly into the store's theme instead of being hosted on external servers such as fonts.google.com. This approach offers several significant advantages:
In summary, integrating fonts into the store's theme is a strategic measure that improves loading speed, reduces browser blocking time, and enhances the stability of the online store, providing a more satisfying customer experience.
|Total blocking time
Additional improvements have been implemented on the online store. These enhancements were specifically designed to enhance Google's essential SEO indicators, also known as Core Web Vitals. We have undertaken several complementary actions to ensure better performance and an optimal user experience:
For more detailed information on Google's indicators, as they appear in the Search Console, along with tips on resolving speed-related issues with your online store, we invite you to consult our dedicated article available here: Link to the article."
|Largest Contentful Paint
|Cumulative Layout Shift