{"id":2784,"date":"2026-05-21T14:34:41","date_gmt":"2026-05-21T14:34:41","guid":{"rendered":"https:\/\/dygistic.com\/?page_id=2784"},"modified":"2026-05-21T14:34:41","modified_gmt":"2026-05-21T14:34:41","slug":"core-web-vitals","status":"publish","type":"page","link":"https:\/\/dygistic.com\/nl\/services\/webdesign\/core-web-vitals\/","title":{"rendered":"Core Web Vitals"},"content":{"rendered":"<style data-wp-block-html=\"css\">.dy-seo-page{--slate:#1C2333;--slate-mid:#2E3F5C;--slate-ink:#0F1420;--sky:#4A90B8;--sky-deep:#3B7A9E;--sky-soft:#7AB4D6;--sky-light:#EEF3F8;--off-white:#F5F7FA;--white:#FFFFFF;--rule:rgba(28,35,51,0.08);--rule-strong:rgba(28,35,51,0.14);--ink:#1C2333;--ink-70:rgba(28,35,51,0.72);--ink-55:rgba(28,35,51,0.55);--ink-40:rgba(28,35,51,0.4);font-family:\"Plus Jakarta Sans\",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);line-height:1.6;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);-webkit-font-smoothing:antialiased}.dy-seo-page *,.dy-seo-page *::before,.dy-seo-page *::after{box-sizing:border-box}.dy-seo-page img,.dy-seo-page svg{display:block;max-width:100%}.dy-seo-page a{color:inherit;text-decoration:none}.dy-seo-page .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(24px,5vw,72px)}.dy-seo-page .section{padding:clamp(72px,9vw,112px) 0}.dy-seo-page .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sky-deep);margin-bottom:18px}.dy-seo-page .eyebrow::before{content:\"\";width:20px;height:1px;background:var(--sky);display:block}.dy-seo-page .title{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-0.025em;line-height:1.1;color:var(--slate);margin-bottom:20px}.dy-seo-page .lead{font-size:17px;font-weight:300;color:var(--ink-70);line-height:1.65;max-width:62ch}.dy-seo-page .bg-off{background:var(--off-white)}.dy-seo-page .btn{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;letter-spacing:-0.005em;padding:14px 24px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:transform .15s,background .2s,box-shadow .2s,color .2s}.dy-seo-page .btn:active{transform:translateY(1px)}.dy-seo-page .btn-primary{background:var(--sky);color:var(--white)}.dy-seo-page .btn-primary:hover{background:var(--sky-deep);box-shadow:0 10px 28px rgba(74,144,184,.35)}.dy-seo-page .btn-outline{background:transparent;color:var(--white);border-color:rgba(255,255,255,.22)}.dy-seo-page .btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}.dy-seo-page .seo-hero{position:relative;background:radial-gradient(1200px 500px at 85% -10%,rgba(74,144,184,.22),transparent 60%),radial-gradient(900px 400px at -10% 110%,rgba(74,144,184,.08),transparent 60%),linear-gradient(180deg,var(--slate-ink),var(--slate));color:var(--white);overflow:hidden}.dy-seo-page .hero-inner{padding:clamp(72px,10vw,120px) 0 clamp(64px,8vw,96px);text-align:center}.dy-seo-page .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:28px;justify-content:center}.dy-seo-page .hero-eyebrow::before{content:\"\";width:20px;height:1px;background:var(--sky);display:block}.dy-seo-page .hero-h1{font-size:clamp(36px,6vw,72px);font-weight:800;letter-spacing:-0.035em;line-height:1.02;color:var(--white);max-width:18ch;margin:0 auto}.dy-seo-page .hero-h1 em{font-style:normal;background:linear-gradient(180deg,var(--sky-soft),var(--sky));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dy-seo-page .hero-sub{margin:26px auto 0;max-width:58ch;font-size:17px;font-weight:300;line-height:1.65;color:rgba(255,255,255,.72)}.dy-seo-page .hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;justify-content:center}.dy-seo-page .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08)}.dy-seo-page .hero-stat{padding:28px clamp(20px,3vw,40px);background:var(--slate-ink)}.dy-seo-page .hero-stat .stat-n{font-size:34px;font-weight:800;letter-spacing:-0.03em;color:var(--white);display:flex;align-items:baseline;gap:4px}.dy-seo-page .hero-stat .stat-n::after{content:\"\";width:22px;height:2px;background:var(--sky);display:inline-block;margin-left:6px;transform:translateY(-6px)}.dy-seo-page .hero-stat .stat-l{font-size:12px;color:rgba(255,255,255,.55);margin-top:6px;line-height:1.45}@media (max-width:780px){.dy-seo-page .hero-stats{grid-template-columns:repeat(2,1fr)}}.dy-seo-page .value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}@media (max-width:780px){.dy-seo-page .value-grid{grid-template-columns:1fr}}.dy-seo-page .value-card{padding:32px 28px;background:var(--white);border:1px solid var(--rule);border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s}.dy-seo-page .value-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(15,20,32,.06);border-color:rgba(74,144,184,.3)}.dy-seo-page .vc-title{font-size:18px;font-weight:700;color:var(--slate);margin-bottom:10px;letter-spacing:-0.01em}.dy-seo-page .vc-text{font-size:14.5px;color:var(--ink-70);line-height:1.6}.dy-seo-page .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}@media (max-width:900px){.dy-seo-page .process-grid{grid-template-columns:1fr}}.dy-seo-page .proc-step{padding:34px 30px;background:var(--white);border:1px solid var(--rule);border-radius:16px;position:relative}.dy-seo-page .proc-num{font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--sky);margin-bottom:14px}.dy-seo-page .proc-title{font-size:19px;font-weight:700;color:var(--slate);margin-bottom:12px;letter-spacing:-0.01em}.dy-seo-page .proc-text{font-size:14.5px;color:var(--ink-70);line-height:1.65}.dy-seo-page .proc-tools{margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--ink-55)}.dy-seo-page .proc-tools span{display:inline-block;padding:4px 10px;margin:3px 4px 0 0;background:var(--off-white);border-radius:6px;color:var(--slate)}.dy-seo-page .why-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}@media (max-width:900px){.dy-seo-page .why-grid{grid-template-columns:1fr;gap:36px}}.dy-seo-page .pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width:560px){.dy-seo-page .pillars{grid-template-columns:1fr}}.dy-seo-page .pillar{padding:26px 24px;background:var(--white);border:1px solid var(--rule);border-radius:14px;transition:border-color .2s,transform .2s}.dy-seo-page .pillar:hover{border-color:rgba(74,144,184,.3);transform:translateY(-2px)}.dy-seo-page .p-title{font-size:16px;font-weight:700;color:var(--slate);margin-bottom:8px;letter-spacing:-0.01em}.dy-seo-page .p-text{font-size:13.5px;color:var(--ink-70);line-height:1.55}.dy-seo-page .cta-block{padding:clamp(40px,6vw,64px);border-radius:24px;background:radial-gradient(800px 300px at 90% -20%,rgba(74,144,184,.22),transparent 60%),linear-gradient(135deg,var(--slate-ink),var(--slate));color:var(--white);position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}@media (max-width:820px){.dy-seo-page .cta-block{grid-template-columns:1fr;gap:28px}}.dy-seo-page .cta-h{font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:-0.025em;line-height:1.12;color:var(--white);margin:0 0 14px}.dy-seo-page .cta-p{font-size:16px;color:rgba(255,255,255,.7);line-height:1.65;max-width:44ch;margin:0}.dy-seo-page .cta-right{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.dy-seo-page .cta-detail{font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.85;border-left:2px solid var(--sky);padding-left:14px}.dy-seo-page .children-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}@media (max-width:900px){.dy-seo-page .children-grid{grid-template-columns:1fr}}.dy-seo-page .child-card{display:block;padding:28px 26px;background:var(--white);border:1px solid var(--rule);border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s;color:inherit}.dy-seo-page .child-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(15,20,32,.07);border-color:rgba(74,144,184,.3);color:inherit}.dy-seo-page .cc-num{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--sky);margin-bottom:10px}.dy-seo-page .cc-title{font-size:18px;font-weight:700;color:var(--slate);margin-bottom:8px;letter-spacing:-0.005em}.dy-seo-page .cc-text{font-size:13.5px;color:var(--ink-70);line-height:1.55;margin-bottom:14px}.dy-seo-page .cc-arrow{font-size:13px;font-weight:600;color:var(--sky-deep);display:inline-flex;align-items:center;gap:6px}<\/style><div class=\"dy-seo-page\">\n<section class=\"seo-hero\">\n<div class=\"wrap hero-inner\">\n<div class=\"hero-eyebrow\">Core Web Vitals \u00b7 Pagina-ervaring \u00b7 LCP, INP, CLS<\/div>\n<h1 class=\"hero-h1\">Core Web Vitals ingesteld voor <em>rangschikkingen en conversies<\/em>.<\/h1>\n<p class=\"hero-sub\">LCP, INP en CLS zijn de drie metrieken die Google gebruikt voor Page Experience. De meeste sites slagen op desktop en falen in stilte op mobiel, waar het meeste verkeer daadwerkelijk vandaan komt. Ik optimaliseer beide, in prioriteitsvolgorde, met real-userdata, niet alleen labtests.<\/p>\n<div class=\"hero-actions\"><a href=\"\/nl\/contact\/\" class=\"btn btn-primary\">Boek een consult<\/a><a href=\"#process\" class=\"btn btn-outline\">Zie het proces<\/a><\/div>\n<\/div>\n<div class=\"hero-stats\">\n<div class=\"hero-stat\"><div class=\"stat-n\">90+<\/div><div class=\"stat-l\">Mobiele PSI-score<br>doel per pagina<\/div><\/div>\n<div class=\"hero-stat\"><div class=\"stat-n\">minder dan 2,5 seconde<\/div><div class=\"stat-l\">LCP doel<br>op het 75e percentiel<\/div><\/div>\n<div class=\"hero-stat\"><div class=\"stat-n\">&lt;200ms<\/div><div class=\"stat-l\">INP doel<br>voor responsiviteit<\/div><\/div>\n<div class=\"hero-stat\"><div class=\"stat-n\">1<\/div><div class=\"stat-l\">Consultant. Nee<br>accountlaag.<\/div><\/div>\n<\/div>\n<\/section>\n\n<section class=\"section\">\n<div class=\"wrap\">\n<div class=\"eyebrow\">Welke optimalisatie van Core Web Vitals daadwerkelijk ontgrendelt<\/div>\n<h2 class=\"title\" style=\"max-width:24ch\">Vier hendels die de statistieken be\u00efnvloeden.<\/h2>\n<p class=\"lead\">Core Web Vitals zijn geen enkele metriek, maar drie onafhankelijke. Elk heeft zijn eigen oorzaken en zijn eigen oplossingen.<\/p>\n<div class=\"value-grid\">\n<div class=\"value-card\"><div class=\"vc-title\">LCP-optimalisatie<\/div><p class=\"vc-text\">Largest Contentful Paint is meestal de hero-afbeelding of het H1-blok. Oplossingen: laad het LCP-element vooraf, serveer in een next-gen-formaat, optimaliseer afbeeldingsafmetingen, verminder render-blocking CSS, zet kritieke CSS inline.<\/p><\/div>\n<div class=\"value-card\"><div class=\"vc-title\">INP-reactiviteit<\/div><p class=\"vc-text\">Interaction to Next Paint meet echte interactiviteit. Zware JavaScript op klik, externe widgets en grote input handlers zijn de gebruikelijke boosdoeners. Ik profileer met Chrome DevTools en splits de grootste boosdoeners op in code.<\/p><\/div>\n<div class=\"value-card\"><div class=\"vc-title\">CLS layoutstabiliteit<\/div><p class=\"vc-text\">Cumulative Layout Shift wordt meestal veroorzaakt door afbeeldingen zonder afmetingen, wisselende webfonts en ladende advertentieblokken. Elk heeft een bekende oplossing die meestal discipline vereist, niet techniek.<\/p><\/div>\n<div class=\"value-card\"><div class=\"vc-title\">Real User Monitoring<\/div><p class=\"vc-text\">PSI labtests zijn een startpunt. De echte maatstaf zijn veldgegevens van uw eigen bezoekers. Ik heb Web Vitals-rapportage ingesteld in GA4, zodat u ziet hoe echte gebruikers de site ervaren, niet alleen synthetische tests.<\/p><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section id=\"process\" class=\"section bg-off\">\n<div class=\"wrap\">\n<div class=\"eyebrow\">Hoe ik werk<\/div>\n<h2 class=\"title\" style=\"max-width:24ch\">Van audit naar slagen op het 75e percentiel.<\/h2>\n<p class=\"lead\">Het werk aan Core Web Vitals kan het beste in strakke cycli worden uitgevoerd. Meten, oplossen, opnieuw meten. Dit proces houdt het werk beheersbaar en de successen zichtbaar.<\/p>\n<div class=\"process-grid\">\n<div class=\"proc-step\">\n<div class=\"proc-num\">01 \/ AUDIT<\/div>\n<div class=\"proc-title\">Lab + veldgegevens basislijn<\/div>\n<p class=\"proc-text\">PSI draait op top 10-20 sjablonen. Chrome User Experience Report (CrUX) gegevens voor real-user baseline. Lighthouse CI draait op staging. Identificeer de slechtst presterende sjablonen en de hoofdoorzaak per metriek.<\/p>\n<div class=\"proc-tools\"><span>PSI<\/span><span>CrUX<\/span><span>Lighthouse CI<\/span><span>Chrome Ontwikkelaarstools<\/span><\/div>\n<\/div>\n<div class=\"proc-step\">\n<div class=\"proc-num\">02 \/ PRIORITEIT GEVEN<\/div>\n<div class=\"proc-title\">Beoordeling op basis van impact en inspanning<\/div>\n<p class=\"proc-text\">Elke kwestie krijgt een score. Afbeeldingsgewicht is meestal de hoogste ROI. Webfonts tweede. Scripts van derden derde. Render-blokkerende CSS vierde. De lijst wordt in prioriteitsvolgorde in de wachtrij van het ontwikkelingsteam geplaatst.<\/p>\n<div class=\"proc-tools\"><span>Impactmatrix<\/span><span>Dev tickets<\/span><\/div>\n<\/div>\n<div class=\"proc-step\">\n<div class=\"proc-num\">03 \/ IMPLEMENTEREN &amp; MONITOREN<\/div>\n<div class=\"proc-title\">Corrigeren, opnieuw meten, herhalen<\/div>\n<p class=\"proc-text\">Implementaties komen binnen in sprints. Meet na elke sprint opnieuw. Web Vitals rapportage is gekoppeld aan GA4 voor live veldgegevens. Looker Studio dashboard toont lab- vs veldscores die in de juiste richting gaan.<\/p>\n<div class=\"proc-tools\"><span>GA4 Web Vitals<\/span><span>Looker Studio<\/span><span>RUM-tracking<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"section\">\n<div class=\"wrap\">\n<div class=\"why-grid\">\n<div>\n<div class=\"eyebrow\">Waarom deze aanpak<\/div>\n<h2 class=\"title\">Mobiel-eerst, echte gebruiker, ranglijst-gebonden.<\/h2>\n<p class=\"lead\">De meeste bureaus stoppen bij de PSI labscore. Dat mist tweederde van het verhaal. Veldgegevens laten zien wat uw echte bezoekers ervaren, mobiele gegevens laten zien waar het meeste verkeer feitelijk is en rankingverschillen laten zien of Page Experience rankings \u00fcberhaupt be\u00efnvloedt. Optimaliseren op alle drie is wat ervoor zorgt dat Core Web Vitals zich uitbetaalt.<\/p>\n<\/div>\n<div class=\"pillars\">\n<div class=\"pillar\"><div class=\"p-title\">Veldgegevens eerst<\/div><p class=\"p-text\">PSI is een labtest. CrUX en GA4 Web Vitals tonen wat echte bezoekers ervaren.<\/p><\/div>\n<div class=\"pillar\"><div class=\"p-title\">Mobiel-geprioriteerd<\/div><p class=\"p-text\">Mobiel is waar het verkeer zich bevindt. Desktopoptimalisatie is een neveneffect.<\/p><\/div>\n<div class=\"pillar\"><div class=\"p-title\">ROI-eerlijk<\/div><p class=\"p-text\">Sommige sites hebben geen volledige CWV-werkzaamheden nodig. Ik zeg u wanneer het budget beter elders besteed kan worden.<\/p><\/div>\n<div class=\"pillar\"><div class=\"p-title\">Stack-bewust<\/div><p class=\"p-text\">WordPress, Shopify, headless. Het knelpuntpatroon verandert per stack, de oplossingen zijn op maat gemaakt.<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"section bg-off\">\n<div class=\"wrap\">\n<div class=\"cta-block\">\n<div>\n<h2 class=\"cta-h\">Site komt door op desktop, faalt op mobiel?<\/h2>\n<p class=\"cta-p\">Boek een gratis 30 minuten durende consultatie. Ik bekijk vooraf uw PSI-scores en CrUX-veldgegevens en kom met twee of drie concrete oplossingen die de ontwikkeltijd waard zijn. Zelfs als we niet samenwerken, gaat u met iets actiegerends naar huis.<\/p>\n<\/div>\n<div class=\"cta-right\">\n<a href=\"\/nl\/contact\/\" class=\"btn btn-primary\">Boek een consult<\/a>\n<div class=\"cta-detail\">30 minuten bellen, geen verplichting.<br>PSI + CrUX review voordat we praten.<br>Concrete vervolgstappen om te behouden.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Core Web Vitals &middot; Page Experience &middot; LCP, INP, CLS Core Web Vitals tuned for rankings and conversions. LCP, INP [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2213,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2784","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/pages\/2784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/comments?post=2784"}],"version-history":[{"count":0,"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/pages\/2784\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/pages\/2213"}],"wp:attachment":[{"href":"https:\/\/dygistic.com\/nl\/wp-json\/wp\/v2\/media?parent=2784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}