Leer hoe je PageSpeed en de Core Web Vitals verbetert

Technieken om de prestaties van je site te verbeteren.

Arjen Karel
linkedin

Ik help bedrijven met het oplossen van de Core Web Vitals, het opzetten van robuuste Core Web Vitals RUM-tracking, het vergroten van pagespeed-bewustzijn en het beheren van de implementatie van Core Web Vitals best practices

Soms, als ik wat tijd heb (wat tegenwoordig niet vaak voorkomt), schrijf ik over de Core Web Vitals

Laten we praten

Hoe u kunt overdragen aan de main thread om INP te verbeteren

Gebruik scheduler.yield() om lange taken op te splitsen en uw pagina's interactief te houden

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 Core Web Vitals: Waarom Field Data Alles Verandert

Drie soorten MCP servers verbinden AI agents met Core Web Vitals data. Slechts één geeft ze de data die Google daadwerkelijk gebruikt voor rankings.

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

Hoe JPEG XL zich verhoudt tot AVIF, WebP en JPEG, wat het betekent voor uw Core Web Vitals, en hoe u het vandaag nog kunt gaan serveren

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

Een Core Web Vitals Gids voor Bronprioritering

Laat de browser niet gissen. Dwing het te laden wat belangrijk is, wanneer het belangrijk is!

DataLayer events plannen om de INP te optimaliseren

Hoe het uitstellen van GTM-events 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 voor het Behalen van de Core Web Vitals

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 dagen vertraging van Core Web Vitals een mythe is

De CrUX data is twee dagen oud, geen 28. Dit is wat het 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

Versnel Calendly integratie

Sluit Calendly in 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

Pagina's die direct laden met Speculation Rules

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

Hoe u kunt overdragen aan de main thread om INP te verbeteren

Gebruik scheduler.yield() om lange taken op te splitsen en uw pagina's interactief 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.

Layout Shift veroorzaakt door CSS transitions

Leer hoe je CSS transitions die layout shifts veroorzaken kunt vinden en verwijderen

Page speed met een budget: de optimalisaties die er echt toe doen

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.

Host zelf Google fonts voor betere Core Web Vitals

Leer hoe je zelf Google fonts kunt hosten en deze fonts kunt optimaliseren 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

De complete gids voor het begrijpen, meten en optimaliseren van Interaction to Next Paint, de Core Web Vital die de responsiviteit van een pagina meet

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 hun e-mailobfuscatiescript gefixt (ik heb dat misschien veroorzaakt)

Cloudflare's e-mailobfuscatiescript blokkeerde vroeger het renderen. Een PM bij Cloudflare las dit artikel en heeft de fix uitgerold. De SEO- en beveiligingsproblemen zijn nog steeds de moeite waard om te vermijden.