Je winkelwagen is leeg
Producten die je toevoegt, verschijnen hier.
Slechts 43% van WordPress-sites scoort goed op Core Web Vitals. Ontdek welke plugins écht werken voor LCP, INP en CLS – met concrete instellingen voor 2026.
Samenvatting: WordPress Core Web Vitals plugins (2026)
Slechts 43,44% van alle WordPress-sites scoort goed op de drie Core Web Vitals: LCP, INP en CLS. De drie grootste boosdoeners zijn slechte TTFB door shared hosting, opgeblazen thema's en onnodige JavaScript. WP Rocket lost dit het snelst op voor beginners. Wie al op een LiteSpeed-server draait, kan met de gratis LiteSpeed Cache-plugin minstens hetzelfde resultaat bereiken.
Je hebt een caching-plugin geïnstalleerd, afbeeldingen geoptimaliseerd en toch staat PageSpeed Insights
KeurigOnline zegtPageSpeed Insights
KeurigOnline zegtWordPress
KeurigOnline zegtCore Web Vitals
KeurigOnline zegtCMS
Dit artikel laat zien welke plugins daadwerkelijk effect hebben op LCP
KeurigOnline zegtLCP
KeurigOnline zegtINP
KeurigOnline zegtCLS

Core Web Vitals zijn de drie paginasnelheidsmetrics die Google gebruikt als rankingfactor. Ze meten wat een bezoeker daadwerkelijk ervaart, niet wat een laboratoriumtest laat zien onder ideale omstandigheden.
| Metric | Wat het meet | Good | Needs Improvement | Poor |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Hoe snel het grootste zichtbare element laadt | ≤ 2,5 s | 2,5 tot 4 s | > 4 s |
| INP (Interaction to Next Paint) | Hoe snel de pagina reageert op klikken en typen | ≤ 200 ms | 200 tot 500 ms | > 500 ms |
| CLS (Cumulative Layout Shift) | Hoeveel de pagina-indeling verschuift tijdens laden | ≤ 0,1 | 0,1 tot 0,25 | > 0,25 |
Let op: INP verving FID in maart 2024
Google gebruikt deze drie metrics als onderdeel van de Page Experience-signalen. Een "good" score op alle drie vergroot de kans op betere zoekposities, zeker in competitieve niches. De praktische winst zit echter breder: een lagere bouncerate, een hogere conversie en een betere gebruikerservaring op mobiel.
Slechts 43,44% van WordPress-sites scoort "good" op alle drie de metrics tegelijk. Ter vergelijking: Shopify haalt circa 65%, Wix 63% en Duda zelfs 83,6%.[1] Dat verschil is geen toeval, maar het gevolg van vier structurele oorzaken.
Slechts 32% van alle WordPress-sites heeft een "good" Time to First Byte (TTFB
KeurigOnline zegtTTFB
KeurigOnline zegtShared hosting
Elementor laadt meer dan 400 KB aan CSS
KeurigOnline zegtCSS
Op een typische WordPress-site gaat 60 tot 80% van alle geladen JavaScript
KeurigOnline zegtJavaScript
KeurigOnline zegtWooCommercewc-cart-fragments.min.js op elke pagina van je site, ook op pagina's die niets met de webshop te maken hebben.[5] Elke plugin voegt scripts toe die de browser op de hoofdthread moet verwerken, wat direct de INP-score beïnvloedt.
WordPress voegt standaard loading="lazy" toe aan afbeeldingen. Voor afbeeldingen die buiten het scherm staan is dit prima. Maar als dezelfde instelling op de hero-afbeelding staat, de afbeelding die Google gebruikt als LCP-element, wacht de browser nodeloos lang met laden. Dat is een veelgemaakte standaardfout die je in één HTML
KeurigOnline zegtHTML

Er is geen één-plugin-lost-alles-op. De juiste keuze hangt af van je hosting, je technische kennis en je budget. Hieronder een overzicht van de sterkste opties per categorie. Voor een uitgebreide test van acht caching-plugins inclusief benchmarks, zie onze cache-pluginvergelijking 2026.
| Plugin | Prijs | Beste voor | Meest impactvolle CWV-feature |
|---|---|---|---|
| WP Rocket | Betaald (ca. €59/jaar) | Beginners, snel resultaat | Page caching + Critical CSS + JS defer |
| LiteSpeed Cache | Gratis | LiteSpeed/OpenLiteSpeed hosting | Server-level Full Page Cache |
| Nitropack | Freemium | Maximale automatisering | Automatische Critical CSS + image CDN |
| FlyingPress | Betaald | Lichtgewicht, CWV-gericht | Unused CSS removal per pagina |
| W3 Total Cache | Gratis | Gevorderden, complexe configuratie | Object cache + browser cache headers |
Let op: nooit twee caching-plugins tegelijk
| Plugin | Functie |
|---|---|
| Perfmatters | Per-pagina scripts uitschakelen, JS-delay, speculative prerendering |
| Asset CleanUp | Scripts en stylesheets uitzetten op pagina's waar ze niet nodig zijn |
| Flying Scripts | Third-party scripts (analytics, chat) uitstellen tot na eerste gebruikersinteractie |
| Plugin | Kenmerk |
|---|---|
| Imagify | WebP/AVIF-conversie, integreert direct met WP Rocket |
| ShortPixel | WebP/AVIF, AI-gegenereerde alt-tekst, 100 gratis credits per maand |
| EWWW Image Optimizer | Gratis onbeperkt lossless, optionele Easy IO CDN voor WebP/AVIF |
Beslisboom: welke plugin kies je?

LCP is het kernprobleem voor WordPress. De mediaan mobiele LCP voor optimalisatie ligt op 3,5 tot 4,5 seconden. Na gerichte aanpassingen daalt dit naar 1,6 tot 2,1 seconden.[2] Hieronder de drie ingrepen met de grootste impact, in volgorde van effect.
Een slechte TTFB is de meest voorkomende reden voor een slechte LCP. Op shared hosting zonder server-side caching loopt de TTFB al snel op tot 800 ms of meer. Met een caching-plugin (WP Rocket of LiteSpeed Cache) en een CDN
KeurigOnline zegtCDN
LiteSpeed
KeurigOnline zegtLiteSpeed
KeurigOnline zegtLiteSpeed Cache
Dit is de snelste CWV-winst die je kunt boeken: voeg fetchpriority="high" toe aan je hero-afbeelding en verwijder het attribuut loading="lazy". Dit levert 200 tot 600 ms LCP
KeurigOnline zegtLCP
<img
src="hero.jpg"
alt="Beschrijving van de afbeelding"
width="1200"
height="630"
fetchpriority="high">
WordPress voegt standaard loading="lazy" toe aan afbeeldingen in het bovenste gedeelte van de pagina. WP Rocket en LiteSpeed Cache kunnen de hero-afbeelding automatisch detecteren en de juiste attributen instellen via hun respectieve instellingenpagina's.
JPEG- en PNG-bestanden zijn aanzienlijk groter dan hun WebP
KeurigOnline zegtWebPwidth- en height-attributen op elke afbeelding: dit voorkomt tevens CLS doordat de browser ruimte reserveert nog voor de afbeelding is geladen.
Tip: Controleer in PageSpeed Insights welk element Google als jouw LCP aanmerkt. Dat is niet altijd de hero-afbeelding, soms is het een groot stuk tekst of een achtergrondafbeelding via CSS. Pas fetchpriority="high" toe op precies dat element.
WordPress-sites scoren relatief goed op INP: 85,9% van de sites haalt een "good" score.[2] Dat gemiddelde verbergt echter een groot risico. Op een typische WordPress-site gaat 60 tot 80% van alle geladen JavaScript ongebruikt per pagina.[3] Zware page builders als Elementor of Divi kunnen een voorheen goed scorende site snel richting de "needs improvement"-zone duwen.
WooCommerce laadt wc-cart-fragments.min.js op elke pagina van je site, ook op pagina's die niets met de webshop te maken hebben.[5] Met Perfmatters of Asset CleanUp schakel je dit script per pagina of per pagina-type uit. Dit verlaagt de JavaScript-payload direct en merkbaar.
Analytics-tags, chat-widgets en marketingpixels worden standaard uitgevoerd bij het laden van de pagina, lang voordat een bezoeker er gebruik van maakt. Flying Scripts stelt deze scripts uit tot na de eerste gebruikersinteractie. De browser houdt de hoofdthread vrij voor het renderen van de pagina zelf, wat de INP direct verlaagt.
WordPress
KeurigOnline zegtWordPress
KeurigOnline zegtAPI
KeurigOnline zegtAPI
Elementor laadt stijlen voor meer dan 80 widgettypes, ook als een pagina er maar vijf gebruikt.[5] Schakel in de Elementor-instellingen onder Elementor > Instellingen > Performance de optie "Improved Asset Loading" in. Dit zorgt ervoor dat alleen CSS voor daadwerkelijk gebruikte widgets wordt geladen.
Cumulative Layout Shift is de metric die bezoekers direct als irritant ervaren: elementen die verspringen terwijl ze bezig zijn te lezen of te klikken. Op WordPress zijn er drie veelvoorkomende bronnen, elk met een directe oplossing.
Plugins als Complianz en CookieYes plaatsen de cookiebanner standaard in de normale documentstroom. Zodra de banner laadt, duwt hij alle content naar beneden. Dit kan een CLS van 0,15 of hoger veroorzaken, enkel door de banner.[6] De oplossing is eenvoudig: stel de banner in als position: fixed onderaan de pagina. De banner zweeft dan over de content zonder andere elementen te verschuiven. In zowel Complianz als CookieYes is dit een instelling in het uiterlijk-tabblad.
De standaardthema's van WordPress (Twenty Twenty-Two tot en met Twenty Twenty-Five) laden Google Fonts met font-display: swap. Dit laat tekst zien in een fallback-lettertype totdat het definitieve font beschikbaar is, waarna de tekst verspringt. Dat veroorzaakt een CLS-bijdrage van 0,15 tot 0,25.[7]
Twee oplossingen: (a) host de fonts lokaal via een plugin als OMGF (Optimize My Google Fonts), zodat ze al beschikbaar zijn bij het eerste verzoek; of (b) voeg een <link rel="preconnect" href="https://fonts.gstatic.com">-tag toe, zodat het font vroeg genoeg geladen is om de fallback overbodig te maken.
Een afbeelding zonder expliciete width- en height-attributen heeft geen gereserveerde ruimte in de browser. Zodra de afbeelding laadt, schuift alle content eronder omlaag. Voeg altijd beide attributen toe:
<img src="afbeelding.jpg" alt="Beschrijving" width="800" height="450">
WordPress voegt deze attributen normaal automatisch toe aan media uit de bibliotheek. Problemen ontstaan bij afbeeldingen die direct in de HTML zijn geplakt of via een page builder zijn ingevoegd zonder de originele afmetingen te bewaren.
WP Rocket past direct na installatie al 80% van de performance best practices toe, zonder dat je iets hoeft in te stellen. De instellingen hieronder hebben de meeste impact op je Core Web Vitals-scores specifiek.
Ga naar Instellingen > WP Rocket > Cache
KeurigOnline zegtCache
Ga naar File Optimization > JavaScript files:
Test na het activeren van JS defer altijd je site grondig. Sommige sliders en formulierplugins werken niet meer correct als hun script uitgesteld wordt.
| Instelling | Welk CWV-metric verbetert dit? |
|---|---|
| LazyLoad voor afbeeldingen | LCP (minder initieel laadgewicht) |
| LazyLoad voor iframes en video's | LCP + INP (minder rendering-blokkade) |
| Add missing image dimensions | CLS (voorkomt layout shifts door ontbrekende width/height) |
| WebP-ondersteuning (via Imagify-integratie) | LCP (kleinere bestandsgrootte, snellere download) |
Koppel een CDN via het CDN-tabblad in WP Rocket. Cloudflare (gratis tier beschikbaar) en Bunny.net zijn de meest gebruikte keuzes. Het CDN distribueert statische bestanden over servers wereldwijd, wat de TTFB
KeurigOnline zegtTTFB
Tip: WP Rocket biedt een Critical CSS-functie via RocketCDN. Activeer dit om alleen de CSS die boven de vouw zichtbaar is direct in te laden. Dit is een van de krachtigste LCP-verbeteringen die de plugin biedt.
LiteSpeed Cache is de sterkste gratis caching-optie voor WordPress, maar werkt alleen optimaal op een LiteSpeed- of OpenLiteSpeed-server. KeurigOnline-hostingpakketten draaien op LiteSpeed, wat betekent dat de plugin direct toegang heeft tot de server-level caching-laag zonder extra configuratie of kosten.
Ga naar LiteSpeed Cache
KeurigOnline zegtCache
KeurigOnline zegtHTML
KeurigOnline zegtPHP
KeurigOnline zegtDatabase
Ga naar LiteSpeed Cache > Image Optimization en activeer WebP-conversie. De plugin converteert je bestaande afbeeldingen batch-gewijs naar WebP en serveert het juiste formaat automatisch op basis van de browsersupport. Activeer ook Lazy Load via Page Optimization > Media voor afbeeldingen die buiten het initiële schermgebied vallen.
LiteSpeed Cache werkt samen met QUIC.cloud voor Critical CSS
KeurigOnline zegtCritical CSS
KeurigOnline zegtLiteSpeed Cache
KeurigOnline zegtCritical CSS
Tip: De LiteSpeed Cache-plugin zelf is volledig gratis. Sommige QUIC.cloud-functies, zoals extra CDN-bandbreedte en meer Critical CSS-generaties per maand, vereisen betaalde credits boven de gratis drempel. Voor de meeste WordPress-sites volstaat de gratis tier ruimschoots.
Draai je nog op Apache
KeurigOnline zegtApache
KeurigOnline zegtNginx
KeurigOnline zegtLiteSpeed
WP Rocket is de sterkste all-in-one keuze voor beginners: het past direct na installatie al 80% van de performance best practices toe en raakt alle drie de CWV-metrics. Wie al op een LiteSpeed- of OpenLiteSpeed-server draait, heeft aan LiteSpeed Cache (gratis) een minstens even krachtig alternatief, omdat de plugin gebruikmaakt van de ingebouwde server-level caching-laag die geen enkel andere plugin kan evenaren op Apache
KeurigOnline zegtApache
KeurigOnline zegtNginx
Nee. Twee caching-plugins op dezelfde site veroorzaken conflicten die je scores juist verslechteren. Kies één all-in-one caching-plugin en gebruik aanvullende plugins alleen voor specifieke taken, zoals scriptbeheer (Perfmatters of Asset CleanUp) of afbeeldingsoptimalisatie (Imagify of ShortPixel).
De meest voorkomende oorzaken zijn: (a) slechte TTFB door shared hosting zonder server-level caching, een CDN
KeurigOnline zegtCDNloading="lazy" in plaats van fetchpriority="high", waardoor de browser hem nodeloos laat laadt; (c) Elementor of Divi laadt honderden kilobytes CSS en JavaScript voor functies die de pagina niet gebruikt.
FID (First Input Delay) mat alleen de vertraging bij de allereerste interactie van een bezoeker. INP (Interaction to Next Paint) meet de volledige responstijd voor alle interacties gedurende de hele paginalevensduur en is daarmee strenger en representatiever. Google verving FID door INP in maart 2024. Handleidingen die nog over FID spreken als actuele Core Web Vital zijn verouderd.
Drie stappen met de hoogste impact: (1) voeg fetchpriority="high" toe aan je hero-afbeelding en verwijder loading="lazy", dit levert 200 tot 600 ms winst in één wijziging; (2) converteer afbeeldingen naar WebP of AVIF via Imagify of ShortPixel; (3) activeer page caching. Samen brengen deze stappen een mediaan-LCP van 3,5 tot 4,5 seconden terug naar 1,6 tot 2,1 seconden.
Ja, als de banner in de normale documentstroom staat en content naar beneden duwt. Plugins als Complianz en CookieYes kunnen zo een CLS van 0,15 of hoger veroorzaken enkel door de banner. De oplossing: stel de banner in als position: fixed onderaan de pagina, zodat hij geen andere elementen verschuift.
Core Web Vitals
KeurigOnline zegtCore Web Vitals
KeurigOnline zegtShared hosting
De kortste weg naar betere scores: kies één goede caching-plugin (WP Rocket voor beginners, LiteSpeed Cache
KeurigOnline zegtCachefetchpriority="high" toe aan je hero-afbeelding en converteer afbeeldingen naar WebP
KeurigOnline zegtWebPposition: fixed tilt ook INP
KeurigOnline zegtINP
Bij KeurigOnline draaien servers op LiteSpeed
KeurigOnline zegtLiteSpeed
KeurigOnline zegtLiteSpeed Cache