Case study · Ecommerce performance

From 49 seconds to 2.4

Frontend rebuild of a real artisan food online store. Same content, same brand, different engineering.

View the live demoDeployed to production — verify it yourself with Lighthouse

The starting point

A real Spanish artisan food online store, built on PrestaShop 1.6 with a decade-old theme: 2015-era jQuery, unoptimized images and a DOM of over 7,500 elements.

The key diagnostic finding: their server responded in 220 ms — fast. 100% of the problem was in the frontend. The page where customers decide to buy took almost a minute to become usable on mobile.

The numbers

Homepage

MetricBeforeAfterImprovement
Performance (mobile)8/10093/100+85 points
Largest Contentful Paint (LCP)49.1 s2.4 s20× faster
First Contentful Paint (FCP)15.9 s0.9 s17× faster
Page weight16.7 MB364 KB46× lighter
Layout shifts (CLS)0.3570Perfect

Product page

MetricBeforeAfterImprovement
Performance (mobile)26/10099/100+73 points
Largest Contentful Paint (LCP)58.2 s2.3 s25× faster
Total Blocking Time (TBT)2,940 ms10 ms294× less
Page weight13.9 MB347 KB41× lighter

How it was done

  • Statically pre-rendered HTML with Next.js — every page is served ready, no per-visit computation
  • WebP/AVIF images with per-device sizing and automatic lazy loading
  • Self-hosted fonts that never block rendering
  • Zero unnecessary JavaScript: gallery and accordions built with native HTML
  • Same content: texts, prices, photos and reviews identical to the original

Methodology

Both versions were measured with Lighthouse (mobile emulation, identical conditions). Full reports are available — ask me and I'll send them over.

The original store is kept anonymous out of respect: this case demonstrates technique, it doesn't point fingers.

Is your store slow?

If your store — or your clients' — loads slowly, this same process applies: measurable diagnosis, improvement without switching platforms, verifiable results.

Let's talk