Technische verbeteringen

Onder de motorkap zijn een aantal technische verbeteringen aangebracht waardoor de website wat soepeler loopt.

Conversie van JPG-afbeeldingen naar WEBP-afbeeldingen

Vrijwel alle afbeeldingen zijn omgezet van JPG formaat naar WEBP formaat. Dit scheelt ongeveer 35 procent qua grootte. Om een pagina op het scherm te tonen hoeft er hierdoor minder data getransporteerd te worden.

Brotli compressie van CSS/HTML/JS bestanden

Voor CSS, HTML en JS bestanden wordt vantevoren Brotli compressie toegepast en gebruikt als de browser dat kan (de meeste moderne browsers kunnen dat). Hierdoor zijn die bestanden ongeveer 30 procent kleiner dan met gzip compressie. Dit scheelt ook weer in de hoeveelheid data die getransporteerd moet worden om een pagina te tonen.

Veel plezier met de verbeteringen.

.htaccess

Voor de geïnteresseerden staat hieronder de ‘.htaccess’ configuratie voor een Apache web server om de vantevoren gecomprimeerde bestanden te serveren.

<IfModule mod_headers.c>
    # Serve brotli compressed css/html/js files if they exist and the client accepts brotli.
    RewriteCond "%{HTTP:Accept-encoding}" "br"
    RewriteCond "%{REQUEST_FILENAME}\.br" "-s"
    RewriteRule "^(.*)\.(css|html|js)$" "$1\.$2\.br" [QSA]

    # Serve correct content types, and prevent double compression.
    RewriteRule "\.css\.br$" "-" [T=text/css,E=no-brotli:1,E=no-gzip:1]
    RewriteRule "\.html\.br$" "-" [T=text/html,E=no-brotli:1,E=no-gzip:1]
    RewriteRule "\.js\.br$" "-" [T=text/javascript,E=no-brotli:1,E=no-gzip:1]

    <FilesMatch "(\.css\.br|\.html\.br|\.js\.br)$">
      # Serve correct encoding type.
      Header set Content-Encoding br
      # Force proxies to cache brotli & non-brotli separately.
      Header append Vary Accept-Encoding
    </FilesMatch>
</IfModule>