Peregrine All case studies

Case study

Mabel Rivero

mabelrivero.com

Every image in the library re-encoded to AVIF, with WebP behind it and the untouched original behind that. No redesign, no rebuild, and nothing deleted.

32.6%

less for a visitor to download, measured across 19 pages of the live site.

Before26.1 MB
Now17.6 MB
162images on the pages measured
67.2%off the image bytes themselves
8.5 MBremoved from an average visit
19pages weighed, not sampled

The heaviest page

Averages hide the page that actually hurts. On mabelrivero.com it is /es/inicio/, which went from 3.0 MB to 1.3 MB — 56.5% lighter. That is the page a visitor on a phone was waiting for.

Page by page

Every page, weighed as a browser loads it

HTML, stylesheets, scripts and images together — not a lab score and not a projection. Re-runnable at any time, because the page carries both halves of its own comparison: the AVIF a modern browser takes, and the original still sitting in the <img> fallback inside it.

PageBeforeNowLighter
Inicio3.0 MB1.3 MB56%
Hauptseite2.7 MB1.3 MB53%
Home page2.7 MB1.3 MB53%
Choreography2.4 MB1.4 MB41%
Bio1.6 MB1.1 MB29%
Tango holidays tuscany casale de pasquinelli italy1.6 MB978 KB40%
Tango holidays crete greece with michael domke1.5 MB1.0 MB35%
Tango feast autumn devon england with fernando guidi1.4 MB941 KB34%
Tango holidays crete greece with leandro furlan1.3 MB1.1 MB18%
Tango holidays crete greece with matias guinazu1.2 MB1.0 MB16%
Performances1.1 MB869 KB23%
Tango argentino874 KB706 KB19%
Tango feast christmas paignton england720 KB720 KB0%
Tango workshops dinslaken deutschland720 KB720 KB0%
Tango norfolk norwich england 3719 KB719 KB0%
Tango norfolk norwich england 7719 KB719 KB0%
Cookie policy698 KB698 KB0%
Calendar621 KB590 KB5%
Contact592 KB592 KB0%
Every page26.1 MB17.6 MB32.6%

The images alone came down 67.2%. The whole-page figure is lower because every page also carries text, layout and code, which this work does not touch — and the whole page is what a visitor waits for, so that is the number quoted at the top. Four of these pages offer several image sizes and the browser picks one by screen width, so those rows read the first candidate rather than a guaranteed download.

What was not done

Nothing was rebuilt, and nothing was thrown away

Originals are untouched

The AVIF and WebP files sit alongside the originals, never over them. Deactivate the plugin and the site serves exactly the bytes it did before, because those bytes never moved.

No browser is left behind

Serving uses <picture>. Anything that cannot read AVIF takes the WebP, and anything that cannot read either takes the original. Nobody sees a broken image.

The design did not change

Same theme, same layout, same photographs at the same dimensions. Put this against a screenshot from the week before and it should be indistinguishable.

Want the same measurement on your site?

The analyser fetches your real images and re-encodes them, so the figure you get is yours, not an average.

Test your site