WebP

WebP is een modern afbeeldingsformaat dat 25-35% kleiner is dan JPEG en PNG.

WebP is een afbeeldingsformaat ontwikkeld door Google dat zowel lossy als lossless compressie ondersteunt. WebP-afbeeldingen zijn gemiddeld 25-35% kleiner dan vergelijkbare JPEG of PNG bestanden bij dezelfde visuele kwaliteit.

Voordelen:
• Kleinere bestandsgrootte = snellere laadtijden
• Ondersteunt transparantie (zoals PNG)
• Ondersteunt animatie (zoals GIF)
• Breed ondersteund door moderne browsers

WebP wordt ondersteund door Chrome, Firefox, Edge, Safari en Opera. Voor oudere browsers kun je een fallback naar JPEG/PNG instellen met het <picture> element.

AVIF is een nog nieuwer formaat met betere compressie, maar heeft minder browserondersteuning.

Deze configuratie zorgt ervoor dat browsers statische bestanden lokaal opslaan waardoor terugkerende bezoekers je site razendsnelladen. Elke bestandstype krijgt een cache-duur die past bij de updatefrequentie.

<IfModule mod_expires.c>
    ExpiresActive On

    # Afbeeldingen - 1 jaar
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/webp "access plus 1 year"
    ExpiresByType image/svg+xml "access plus 1 year"

    # CSS en JavaScript - 1 maand
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/javascript "access plus 1 month"
    ExpiresByType text/javascript "access plus 1 month"

    # Fonts - 1 jaar
    ExpiresByType font/woff2 "access plus 1 year"
    ExpiresByType font/woff "access plus 1 year"
    ExpiresByType font/ttf "access plus 1 year"

    # HTML - 1 uur
    ExpiresByType text/html "access plus 1 hour"
</IfModule>

<IfModule mod_expires.c>
    ExpiresActive On

    # Afbeeldingen - 1 jaar
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/webp "access plus 1 year"
    ExpiresByType image/svg+xml "access plus 1 year"

    # CSS en JavaScript - 1 maand
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType application/javascript "access plus 1 month"
    ExpiresByType text/javascript "access plus 1 month"

    # Fonts - 1 jaar
    ExpiresByType font/woff2 "access plus 1 year"
    ExpiresByType font/woff "access plus 1 year"
    ExpiresByType font/ttf "access plus 1 year"

    # HTML - 1 uur
    ExpiresByType text/html "access plus 1 hour"
</IfModule>

Je winkelwagen is leeg

Je winkelwagen is leeg

WebP

Gerelateerde artikelen

WebPageTest