Leer hoe je je PageSpeed en de Core Web Vitals verbetert

Technieken om de performance van je site te verbeteren.

Arjen Karel
linkedin

Ik help bedrijven de Core Web Vitals te fixen, robuuste Core Web Vitals RUM-tracking op te zetten, pagespeed-awareness te vergroten en de implementatie van Core Web Vitals-best-practices te managen

Heb ik af en toe wat tijd (en dat gebeurt tegenwoordig niet vaak), dan schrijf ik over de Core Web Vitals

Laten we praten

Voorkom dat Coralogix RUM je vroege netwerk steelt

Coralogix RUM stuurt beacons tijdens het laden en steelt netwerk van je eigen LCP. Buffer de events en verstuur ze in plaats daarvan bij page hide.

Los de Layout Shift van de HubSpot Chat Widget op

Een workaround die een CLS van 0.91 verlaagt naar 0.02 door gebruik te maken van twee browser layout-shift uitsluitingen

Hoe scroll-getriggerde animaties CLS veroorzaken

Je hide-on-scroll header laat je CLS misschien ongemerkt falen. Dit is waarom, en hoe je het oplost.

Proportioneel redeneren voor webprestaties

De bottleneck is de fase die het grootste deel van de totale tijd in beslag neemt. Niet de fase die een absolute drempelwaarde overschrijdt.

Fix INP met een AI-agent: de metriek die labtools niet kunnen meten

INP kan niet worden gesimuleerd. Dit is de aan velddata gekoppelde workflow voor het diagnosticeren en oplossen van Interaction to Next Paint met een AI-agent.

Fix LCP met een AI-agent: van field data naar code fix

De complete LCP-diagnose workflow met CWV Superpowers: van het identificeren van de bottleneck in field data tot de specifieke code fix.

CWV Superpowers: automatische Core Web Vitals-diagnose

Een gratis Claude Code-skill die verbinding maakt met je CoreDash field data en Chrome om LCP-, INP- en CLS-problemen te diagnosticeren en code-fixes te genereren.

AI-agent voor Core Web Vitals-monitoring: field data via MCP

Drie typen MCP-servers koppelen AI-agents aan Core Web Vitals-data. Slechts één geeft ze de data die Google echt gebruikt voor rankings.

JPEG XL en Core Web Vitals: wat je moet weten nu Chrome het ondersteunt

Hoe JPEG XL zich verhoudt tot AVIF, WebP en JPEG, wat het betekent voor je Core Web Vitals, en hoe je het vandaag nog serveert.

Prerender Until Script: De Middenweg Tussen Prefetch en Prerender

Laad subresources en bouw de DOM zonder scripts te starten of analytics te vervuilen

Offscreen afbeeldingen uitstellen op mobiel: Gids voor native lazy loading

Native lazy loading, content-visibility en waarom het uitstellen van afbeeldingen met JavaScript dode ballast is

Core Web Vitals-gids voor resourceprioritering

Bepaal welke resources als eerste laden en welke wachten.

dataLayer events inplannen om de INP te optimaliseren

Hoe GTM-events uitstellen tot na de browser paint je INP-scores verbetert

Optimaliseer de Core Web Vitals voor low-end apparaten

Waarom snelle websites op budgethardware scherpere compromissen vereisen dan de meeste teams toegeven

De beste Cloudflare-configuratie om de Core Web Vitals te halen

Configureer Cloudflare voor maximale pagespeed en begrijp de instellingen waarmee je kunt spelen

Strip trackingparameters met Cloudflare Workers en Transform Rules

Trackingparameters zoals fbclid en gclid creëren unieke URL's die je CDN-cache omzeilen. Drie manieren om dit op te lossen.

Snellere Elementor hero-afbeeldingen in 2 minuten!

Leer hoe je in 2 minuten overstapt van trage achtergrondafbeeldingen naar snelle normale afbeeldingen voor Elementor hero-afbeeldingen.

De impact van CSS View Transitions op webprestaties

Begrijp waarom en wanneer view transitions de webprestaties kunnen beïnvloeden

5 JavaScript prioriteitsniveaus en hoe je ze gebruikt

Niet alle scripts zijn gelijk. Laad ze in de juiste volgorde.

Responsief Web Font Laden: Een Apparaatbewuste Strategie

Een responsieve font laadstrategie voor snellere LCP en nul layout shifts

Chrome DevTools Network-panel-instellingen voor Core Web Vitals

De Network-panel-instellingen die ik bij elke Core Web Vitals-audit gebruik

Waarom de 28-daagse vertraging van Core Web Vitals een mythe is

De CrUX-data is twee dagen oud, niet 28. Dit is wat de 28-daagse rolling window echt betekent.

Verbeter de Interaction to Next Paint door JavaScript-scrolling te verwijderen

Creëer een mooie vloeiende scroll-ervaring die de Core Web Vitals niet beïnvloedt

Het GRATIS paginasnelheid-optimalisatiescript als laatste redmiddel

Versnel je niet te fixen pagina met deze noodgreep om zelfs de traagste pagina's te verbeteren.

Versnel je Calendly-integratie

Embed Calendly zonder de Core Web Vitals te vertragen

Gratis Website cache warmer

Verwarm de cache van je website vooraf om de Core Web Vitals gratis te versnellen

Direct ladende pagina's met Speculation Rules

Leer hoe je de Core Web Vitals verbetert door pagina's direct te laten laden met de Speculation Rules API.

Hoe je aan de main thread yieldt om de INP te verbeteren

Gebruik scheduler.yield() om long tasks op te breken en je pagina's responsief te houden.

Core Web Vitals voor E-commerce: Waarom Bezoekers met Hoge Intentie de Slechtste Prestaties Krijgen

Caching plug-ins schakelen caching uit voor winkelwagen-gebruikers. Hier lees je hoe je deze TTFB-klif oplost.

De ultieme Core Web Vitals-checklist (2026)

Elke optimalisatie die je naloopt als je werkt aan de prestaties van LCP, INP en CLS

Layout Shift veroorzaakt door CSS transitions

Leer hoe je CSS transitions vindt en verwijdert die layout shifts veroorzaken

Page speed met een klein budget: de optimalisaties die het meest uitmaken

Leer hoe je de Core Web Vitals verbetert met budgetvriendelijke strategieën

Wanneer het pre-loaden van stylesheets (geen) zin heeft

Waarom het pre-loaden van je CSS meestal niet helpt, en de ene situatie waarin dat wel zo is

jQuery deferren in WordPress

Leer hoe je jQuery kunt deferren in WordPress voor extra pagespeed

Het pleidooi voor het beperken van analytics- en trackingskripts

Hoe analytics- en trackingskripts je Core Web Vitals beïnvloeden en wat je eraan kunt doen

Achtergrondafbeeldingen zijn slecht

Waarom achtergrondafbeeldingen je Core Web Vitals schaden en hoe je ze kunt vervangen

Browser reflow: wat het veroorzaakt en hoe het Core Web Vitals beïnvloedt

Reflow herberekent elementposities en blokkeert de main thread. Leer wat het veroorzaakt, hoe je het detecteert en hoe je het voorkomt.

Google Fonts zelf hosten voor betere Core Web Vitals

Leer hoe je Google Fonts zelf host en ze optimaliseert voor betere Core Web Vitals

JavaScript in Head vs Footer: Hoe Het de Core Web Vitals Beïnvloedt

Waarom defer in de head de moderne best practice is, en wanneer footer plaatsing nog steeds logisch is

Defer vs Async JavaScript en hoe dit de Core Web Vitals beïnvloedt

Leer wanneer je JavaScript async of defer moet laden voor de beste Core Web Vitals resultaten

Stel scripts uit tot ze nodig zijn

Laad JavaScript on-demand via IntersectionObserver en interactietriggers

'Reduce Unused JavaScript' oplossen in Lighthouse

Vind en verwijder ongebruikt JavaScript om je Core Web Vitals te verbeteren

Er bestaat geen Core Web Vitals score (en waarom dat ertoe doet)

Waarom een Lighthouse score geen Core Web Vitals score is, en wat daadwerkelijk bepaalt of je slaagt of faalt

Chatwidget met perfecte Core Web Vitals

Laad chatwidgets zonder PageSpeed te verliezen

Moet je preconnecten naar advertentienetwerken? Het hangt af van je LCP

Preconnecten naar advertentienetwerken kan schaden of helpen. Het hangt er helemaal vanaf of je LCP-afbeelding al geoptimaliseerd is.

Optimaliseer afbeeldingen voor Core Web Vitals

"Leer hoe afbeeldingen de Core Web Vitals beïnvloeden en hoe je ze kunt optimaliseren

Fix Layout Shift veroorzaakt door auto-sizing afbeeldingen

Afbeeldingen met auto width en auto height veroorzaken een layout shift. Leer hoe je dit kunt oplossen

Core Web Vitals Visualizer: Gratis Chrome-extensie voor het debuggen van CWV

Een gratis Chrome-extensie die een real-time overlay maakt van je Core Web Vitals, gebouwd voor developers die performance debuggen zonder DevTools te openen.

Traag per ongeluk vs Traag door ontwerp: Een web performance framework

Hoe het categoriseren van performance problemen je helpt om als eerste de juiste dingen op te lossen

Achtergrondafbeeldingen uitstellen voor snellere Core Web Vitals

Stel achtergrondafbeeldingen uit of lazy load ze voor een snellere Largest Contentful Paint

16 methoden om JavaScript uit te stellen of te plannen

Leer hoe je JavaScript kunt uitstellen en plannen

De Lighthouse waarschuwing 'Largest Contentful Paint image was lazily loaded' oplossen

Leer hoe je de Lighthouse waarschuwing 'Largest Contentful Paint image was lazily loaded' oplost

Interaction to Next Paint (INP): wat het is, hoe je het meet en verbetert

Wat INP meet, hoe het verschilt van FID en welke van de drie fasen je als eerste fixt.

Fix Third Party Scripts in Next.js voor betere Core Web Vitals

Fix Core Web Vitals problemen veroorzaakt door third party scripts in Next.js

Core Web Vitals meten in Next.js: RUM Setup Gids

Stel Real User Monitoring (RUM) in voor Core Web Vitals in Next.js (App Router en Pages Router)

Verwijder Render Blocking CSS in Next.js voor Betere Core Web Vitals

Verwijder render blocking CSS in Next.js voor snellere Core Web Vitals

Cloudflare heeft zijn email obfuscation-script gefixt (en misschien komt het door mij)

Het email obfuscation-script van Cloudflare blokkeerde voorheen het renderen. Een PM bij Cloudflare las dit artikel en zette de fix live. De SEO- en beveiligingsproblemen kun je nog steeds beter vermijden.