In het kort
Page speed is de snelheid waarmee een webpagina laadt en interactief wordt. Het is een van de belangrijkste factoren voor zowel gebruikerservaring als SEO. Google bevestigt al jaren dat snelheid een rankingfactor is, en bezoekers verlaten een site die langer dan 3 seconden laadt 53 procent vaker. Page speed wordt gemeten in meerdere metrics: First Contentful Paint (eerste zichtbare content), Largest Contentful Paint (grootste zichtbare element), Total Blocking Time, Cumulative Layout Shift en Time to Interactive. Samen vormen ze de Core Web Vitals waar Google's Page Experience-update op steunt. Bij Creative Hero meten we page speed met Lighthouse, PageSpeed Insights en WebPageTest. We rapporteren elke maand op vier dingen: Largest Contentful Paint onder 2,5 seconden, Cumulative Layout Shift onder 0,1, Interaction to Next Paint onder 200ms, en algemene Lighthouse-score boven 90. Sites die deze drempels niet halen worden door Google teruggezet in zoekresultaten en verliezen omzet door bezoekers die afhaken. Page speed is geen luxe maar een commerciële basisvoorwaarde. Een site die 4 seconden laadt verliest 25 procent van zijn potentiële omzet voor de bezoeker iets gezien heeft.
Hoe het werkt
Page speed wordt bepaald door drie soorten optimalisatie. Server-side: snelle hosting, CDN, caching en compressie. Asset-niveau: kleine afbeeldingen (WebP/AVIF), gecomprimeerde CSS/JS, lazy loading. Render-niveau: minimale render-blocking resources, kritische CSS inline, preload van belangrijke assets. We optimaliseren altijd op deze volgorde: eerst hosting en server, dan assets, dan render. Het heeft geen zin om JavaScript te optimaliseren als de hosting in een traag datacenter staat. We gebruiken WebP voor foto's, woff2 voor lettertypes met preload-hints, en doen kritische CSS inline tot 14kb (1 TCP-pakket). JavaScript wordt async of deferred geladen tenzij absoluut noodzakelijk. Een goed geoptimaliseerde site haalt sub-1.5s LCP op 4G zonder cache, wat overeenkomt met top-10 procent van het web.
Voorbeelden uit de praktijk
creativehero.be 2026
Onze eigen site haalt 95+ op Lighthouse mobiel en desktop, met LCP onder 1.5s en CLS onder 0.05. Statisch gehost zonder WordPress, met inline kritische CSS en alle afbeeldingen in WebP.
Bonbon Antwerp menu
De menupagina laadt op mobiel in 1.8s op 4G. We optimaliseerden alle gerechtfoto's naar WebP (gemiddeld 35kb), preconnected naar Google Fonts en deferden niet-essentiële JavaScript.
Numaxx Beauty Shopify
Shopify is standaard niet snel, maar we haalden 88 op mobiel met thema-optimalisatie: minder apps, kritische CSS inline, image-optimalisatie via Shopify CDN, en preload-hints voor LCP-elementen.
Do's & don'ts
Wel doen
- ✓Optimaliseer afbeeldingen naar WebP of AVIF met max 100kb per beeld.
- ✓Gebruik lazy loading voor alles below-the-fold.
- ✓Maak kritische CSS inline tot 14kb voor instant first paint.
- ✓Defer of async non-essentiële JavaScript.
- ✓Preconnect naar third-party domains zoals fonts en analytics.
- ✓Test op 4G en Slow 4G, niet alleen wifi.
Niet doen
- ✗Laad nooit alle plug-ins en third-party scripts blokkerend.
- ✗Gebruik geen ongecomprimeerde JPEG of PNG voor hero-images.
- ✗Plaats geen 5+ webfonts, kies maximaal 2 met expliciete subset.
- ✗Vergeet nooit caching-headers, je verspilt CDN-snelheid.
- ✗Bouw geen oneindige scroll zonder paginatie of intersection-observers.
- ✗Negeer Cumulative Layout Shift niet, het verpest gebruikerservaring én SEO.
Veelgestelde vragen
Hoe snel moet een website laden?
Hoe meet ik page speed?
Wat zijn Core Web Vitals?
Verbetert snelheid mijn SEO?
Hoeveel kost page speed-optimalisatie?
Werkt page speed-optimalisatie ook op WordPress?
Gerelateerde uitleg
Hulp nodig met page speed?
Plan een kennismaking. We bekijken samen of we kunnen helpen.
Plan een call