Afbeeldingen optimaliseren met WebP voor 80% kleiner

Afbeeldingen optimaliseren met WebP voor 80% kleiner

WebP + lazy-loading = directe Core Web Vitals winst.

🌱 Beginner ⏱ 8 min Websites 👁 5

Afbeeldingen zijn 50-70% van de gemiddelde page-grootte. WebP is een modern formaat (Google) dat 25-35% kleiner is dan JPEG zonder kwaliteit-verlies. Plus lazy-loading = images alleen geladen als ze in beeld komen.

  1. 1. Bestaande JPEGs converteren

    Bij IT Live WP-hosting: WebP Express plugin auto-converteert + serveert WebP aan moderne browsers (95% compatibel).

  2. 2. Width/height attributes

    Specificeer in HTML: <img width="800" height="600" ...>. Voorkomt CLS (layout-shift) tijdens laden.

  3. 3. Lazy-loading native

    Voeg loading="lazy" toe aan alle images below-the-fold. WordPress doet dit automatisch sinds 5.5.

  4. 4. Responsive srcset

    WordPress generert auto srcset voor mobile (480px), tablet (768px), desktop (1200px). Gebruik volledig.

  5. 5. CDN voor static

    Bij IT Live Pro+ hosting: gratis CDN voor /wp-content/uploads/ — 30+ edge-nodes wereldwijd.

#images #webp #performance #seo

Was dit artikel nuttig?

Gerelateerde content

Liever dat we het voor u doen?

NL+BE-infra · 3 datacenters · GDPR-live · ISO-audit Q4 2026

Vraag een gesprek aan Bekijk diensten