Limited Resell
www.limitedresell.comPack Full Performance
| 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. |
Before
After
|
| before | 772424.com | |
| Perf.grade | 26/ 100 | 60/ 100 |
Server-side caching: Varnish
| 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%. |
| before | 772424.com | |
| Building Time | 88ms | 46ms |
Implementation of lazy loading
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.
|
| before | 772424.com | |
| Downloaded Files | 244 files | 88 files |
| Page Weight | 11.3 MB | 6.98MB |
Preloading fonts and repatriating Google fonts
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:
- Reduction in the number of files to transfer: By incorporating fonts into the store's theme, we have significantly reduced the number of files required to load the page correctly. Fewer files mean a shorter loading time, improving the user experience.
- Optimization of "Total Blocking Time": "Total Blocking Time" (the total time a browser waits before displaying content) is a critical factor for page loading efficiency. By avoiding reliance on external servers for fonts, we have reduced the browser's waiting time, resulting in faster display of text and content. Store visitors thus enjoy a smoother and more responsive browsing experience.
- Control and stability: Having full control over the fonts embedded in the theme ensures their constant availability and stability. Potential issues related to external servers, such as downtime or loading delays, are avoided, ensuring a reliable user experience.
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.
| before | 772424.com | |
| Total blocking time | 1300ms | 470ms |
Improving Web Vitals: Various actions
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:
- Implementation of the Cloudflare CDN: We have successfully integrated Cloudflare's Content Delivery Network (CDN) service. This strategy has optimized content delivery by reducing server latency, resulting in faster page loading.
- Replacement of the slideshow module for faster image loading: We have replaced the existing slideshow module with a more efficient solution. This change has significantly accelerated image loading, enhancing the overall user navigation experience.
- Preloading of external images related to the cookie module: We have implemented a preloading strategy for external images associated with the cookie module. This ensures that these elements load optimally, avoiding potential delays and improving the overall user experience.
- Resolution of a 400 error on the Google badge: We successfully identified and resolved a 400 error related to the Google badge. This correction has contributed to better integration with Google's services, which is essential for SEO.
- Benchmarking and optimization of AJAX calls: We conducted in-depth performance analyses and benchmarking comparisons to optimize AJAX calls on the site. This has resulted in a significant reduction in page loading times.
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."
| before | 772424.com | |
| Largest Contentful Paint | 3.5s | 1.0s |
| Cumulative Layout Shift | 1,13 | 0 |
| Loading time | 8.1s | 5.8s |