Engel & Völkers
Situation
A luxury listing lives on its media: galleries, floor plans, commissioned photography. The same files that sell the property are what make the page slow.
What was done
Built the site and property catalogue for a regional office of the network — media galleries, filtering by location, an interactive map. Then made the pages light: images load as you scroll to them, in a format about a third the size of the originals.
What was built
- Property catalogue: listing grid, filters by location, property card
- Media galleries with lazy loading and WebP delivery
- Interactive map bound to the same filter state as the list
- Back end for the catalogue and its media pipeline
In numbers
- Pages viewed per visit: 1.8 pages → 4.1 pages — More than doubled
- Mobile Lighthouse: 45 → 92+ — Google’s page-speed score out of 100. Over 55% of mobile visitors had been leaving the heavy gallery
What changed
Visitors went from about 1.8 pages a visit to 4.1, and Google’s mobile speed score from 45 to 92 and above. The heavy gallery had been turning away more than half of the people arriving on a phone.
Why it was hard
- Lazy loading for high-resolution media and linked comparable listings: a premium gallery weighs enough that on a phone it is itself the reason people leave.
- Luxury listings carry commissioned photography and floor plans. The assets that sell the property are the same ones that make the page heavy, so they could not simply be compressed away.
- Map and list share one filter state: a change in either has to move the other without a round trip, and without losing the position the visitor had reached in the catalogue.
Evidence
Delivered under contract. The source and the internal measurements stay with the client, and the figure above is theirs rather than a public benchmark.
Stack
Next.js · React