Afbeeldingen zijn bijna altijd het zwaarste deel van een pagina. Een paar keuzes vooraf scheelt een seconde laadtijd.
Wat de browser zelf kan
Nu het weer warmer wordt, is een goed moment om dit aan te pakken. De eerste grote afbeelding bovenaan de pagina laadt u juist meteen. Anders wacht de bezoeker onnodig op het belangrijkste beeld.
Formaat en bestandstype
Upload geen foto van 6000 pixels breed als de site hem op 1200 pixels toont. WordPress maakt kleinere versies, maar het origineel blijft op de server staan en soms wordt het toch geladen.
Een afbeelding met afmetingen en uitgestelde laadtijd:
<img src="/wp-content/uploads/foto.jpg"
width="1200" height="800"
alt="Werkplaats met gereedschap"
loading="lazy" decoding="async">Geef afbeeldingen altijd een breedte en hoogte mee.
JPEG is nog steeds goed voor foto’s, WebP is meestal een stuk kleiner. Voor logo’s en iconen kiest u SVG of PNG. Geef afbeeldingen altijd een breedte en hoogte mee. De pagina springt dan niet als ze binnenkomen. Wie het precies wil weten kan terecht bij web.dev.
- Breedte en hoogte in het HTML-attribuut
- loading=lazy voor alles onder de vouw
- Eerste afbeelding juist niet
- Geen origineel groter dan 2500 pixels
- Alt-teksten invullen
Wilt u weten waar uw site tijd verliest? We meten het graag voor u uit.
Zijn hier ook subsidies voor of betaal ik alles zelf?
Klopt, Femke. Wij zijn doordeweeks bereikbaar en bij spoed ook daarbuiten.
Duidelijk, ik neem contact op.
Wij hebben dit vorig jaar laten doen en het gaf achteraf toch meer rompslomp dan verwacht. Is dat normaal?
Goede vraag, Yvonne. In de meeste gevallen is het binnen een dag klaar. Bij uitzonderingen laten we dat vooraf weten.
Duidelijk, ik neem contact op.