Beeldoptimalisatie

Over dit project

Beelden zijn waar de meeste websites stilletjes hun snelheid verliezen, en de gebruikelijke oplossing is het verkeer van je bezoekers doorgeven aan een beelddienst elders. Dat doen we liever niet, dus bouwden we het stuk zelf.

Een foto wordt herschaald naar de maten die effectief gebruikt worden en hercodeerd naar moderne formaten, en de browser krijgt de set zodat hij kan kiezen wat bij zijn scherm past. Op een server-gerenderde site gebeurt dat via ons eigen endpoint; op een statische worden de varianten bij het bouwen gebakken. Dezelfde code in beide gevallen, zodat een site geen andere aanpak nodig heeft door hoe ze uitgerold wordt.

Het is een klein stuk infrastructuur met een onevenredig effect, en het draait op elke site die we opleveren. De foto's op deze pagina passeerden er langs op weg naar jou.

Hoogtepunten

• Moderne formaten en de juiste maat voor het scherm dat erom vroeg
• Geen externe beelddienst voor onze bezoekers
• Eén aanpak voor zowel server-gerenderde als statische sites
• Draait op elke site die we opleveren, deze inbegrepen