Afbeeldingen zijn bijna altijd het zwaarste deel van een pagina. Een paar keuzes vooraf scheelt een seconde laadtijd.
Vorige week belde iemand uit Ede ons over precies dit onderwerp.
Moderne browsers kunnen afbeeldingen zelf later laden. WordPress zet het attribuut loading standaard op lazy voor afbeeldingen in de inhoud.
- Eerste afbeelding juist niet
- WebP waar mogelijk
- Geen origineel groter dan 2500 pixels
- Alt-teksten invullen
De eerste grote afbeelding bovenaan de pagina laadt u juist meteen. Anders wacht de bezoeker onnodig op het belangrijkste beeld.
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.
JPEG is nog steeds goed voor foto’s, WebP is meestal een stuk kleiner. Voor logo’s en iconen kiest u SVG of PNG.
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. De pagina springt dan niet als ze binnenkomen. Een uitgebreide uitleg staat op web.dev.
Wilt u weten waar uw site tijd verliest? We meten het graag voor u uit.
Misschien ook interessant: Core Web Vitals in gewone taal
Ik zou er zelf nog een offerte van een tweede bedrijf naast leggen.
Goede vraag, Robin. In de meeste gevallen is het binnen een dag klaar. Bij uitzonderingen laten we dat vooraf weten.
Zijn hier ook subsidies voor of betaal ik alles zelf?
Dank, Frank. Wij komen er graag langs voor een vrijblijvende inschatting.
Dat is goed om te weten, bedankt.