Waarom PageSpeed zo belangrijk is
Google gebruikt Core Web Vitals als directe rankingfactor. LCP (Largest Contentful Paint), INP (Interaction to Next Paint) en CLS (Cumulative Layout Shift) bepalen mede uw positie in de zoekresultaten. Maar het gaat niet alleen om rankings: een trage website frustreert bezoekers en schaadt conversies direct.
De drie Core Web Vitals uitgelegd
LCP: Largest Contentful Paint
LCP meet hoe snel het grootste zichtbare element van de pagina is geladen. Goed: onder 2,5 seconden. Verbeterpunten: afbeeldingen optimaliseren, server response time verlagen en render-blocking resources elimineren.
INP: Interaction to Next Paint
INP verving CLS als maatstaf voor interactiviteit in 2024. Het meet hoe snel de pagina reageert op gebruikersinteracties. Goed: onder 200 milliseconden. Verbeterpunten: JavaScript optimaliseren en onnodige scripts verwijderen.
CLS: Cumulative Layout Shift
CLS meet hoeveel elementen onverwacht verschuiven tijdens het laden. Goed: onder 0,1. Verbeterpunten: afbeeldingen altijd voorzien van expliciete width en height, geen content inladen boven bestaande content.
De 7 meest impactvolle optimalisaties
1. Kies het juiste webstack
Het grootste verschil zit in de technologie. Een statische website gebouwd op Astro of Next.js scoort structureel beter dan een WordPress-site met tientallen plugins. Onze websmedia.nl-site scoort standaard 99/100 dankzij Astro's static output.
2. Optimaliseer afbeeldingen
Gebruik WebP of AVIF formaten, pas de juiste dimensies toe en voeg loading="lazy" toe aan afbeeldingen die buiten de viewport staan. Voeg preload hints toe voor de LCP-afbeelding.
3. Elimineer render-blocking resources
CSS en JavaScript die het renderen van de pagina blokkeren, zijn de grootste oorzaak van trage LCP. Laad JavaScript asynchroon of defer, en inline kritische CSS.
4. Gebruik een CDN
Een Content Delivery Network serveert uw website vanuit een server die geografisch dicht bij de bezoeker staat. Voor Nederlandse bezoekers maakt een Amsterdam-datacenter een meetbaar verschil ten opzichte van een server in de VS.
5. Comprimeer met Brotli of Gzip
Activeer Brotli compressie op uw server (of Gzip als Brotli niet beschikbaar is). Dit verkleint tekstbestanden zoals HTML, CSS en JavaScript met 20 tot 90%.
6. Stel correcte cache-headers in
Statische assets (CSS, JS, afbeeldingen) horen een lange cache-levensduur te hebben (1 jaar). Dynamische pagina's een kortere. Dit zorgt dat terugkerende bezoekers de site razendsnel laden.
7. Verminder Third-party scripts
Elke externe script (chatbot, analytics, social media widget) vertraagt uw pagina. Evalueer welke scripts echt noodzakelijk zijn en laad de rest lazy of verwijder ze.
Hoe wij 99/100 garanderen
Bij elke website die wij bouwen, garanderen wij een score van minimaal 90/100 op Google PageSpeed Insights op zowel mobiel als desktop. Voor statische sites op Astro halen we standaard 99/100. Dit is geen bijzaak, maar een harde deliverable.