{"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 &middot; Page Experience &middot; LCP, INP, CLS<\/div>\n<h1 class=\"hero-h1\">Core Web Vitals tuned for <em>rankings and conversions<\/em>.<\/h1>\n<p class=\"hero-sub\">LCP, INP and CLS are the three metrics Google uses for Page Experience. Most sites pass on desktop and quietly fail on mobile, which is where most of the traffic actually is. I optimise both, in priority order, with real-user data not just lab tests.<\/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\">See the process<\/a><\/div>\n<\/div>\n<div class=\"hero-stats\">\n<div class=\"hero-stat\"><div class=\"stat-n\">90+<\/div><div class=\"stat-l\">Mobile PSI score<br>target per page<\/div><\/div>\n<div class=\"hero-stat\"><div class=\"stat-n\">&lt;2.5s<\/div><div class=\"stat-l\">LCP target<br>on 75th percentile<\/div><\/div>\n<div class=\"hero-stat\"><div class=\"stat-n\">&lt;200ms<\/div><div class=\"stat-l\">INP target<br>for responsiveness<\/div><\/div>\n<div class=\"hero-stat\"><div class=\"stat-n\">1<\/div><div class=\"stat-l\">Consultant. No<br>account layer.<\/div><\/div>\n<\/div>\n<\/section>\n\n<section class=\"section\">\n<div class=\"wrap\">\n<div class=\"eyebrow\">What Core Web Vitals optimisation actually unlocks<\/div>\n<h2 class=\"title\" style=\"max-width:24ch\">Four levers that move the metrics.<\/h2>\n<p class=\"lead\">Core Web Vitals are not one metric, they are three independent ones. Each has its own causes and its own fixes.<\/p>\n<div class=\"value-grid\">\n<div class=\"value-card\"><div class=\"vc-title\">LCP optimisation<\/div><p class=\"vc-text\">Largest Contentful Paint is usually the hero image or the H1 block. Fixes: preload the LCP element, serve in next-gen format, optimise image dimensions, reduce render-blocking CSS, move critical CSS inline.<\/p><\/div>\n<div class=\"value-card\"><div class=\"vc-title\">INP responsiveness<\/div><p class=\"vc-text\">Interaction to Next Paint measures real interactivity. Heavy JavaScript on click, third-party widgets, big input handlers are the usual culprits. I profile with Chrome DevTools and code-split the worst offenders.<\/p><\/div>\n<div class=\"value-card\"><div class=\"vc-title\">CLS layout stability<\/div><p class=\"vc-text\">Cumulative Layout Shift is mostly caused by images without dimensions, web fonts swapping in, and ad slots loading. Each has a known fix that is mostly discipline, not engineering.<\/p><\/div>\n<div class=\"value-card\"><div class=\"vc-title\">Real user monitoring<\/div><p class=\"vc-text\">PSI lab tests are a starting point. The real metric is field data from your actual visitors. I set up Web Vitals reporting in GA4 so you see how real users experience the site, not just synthetic 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\">From audit to passing on the 75th percentile.<\/h2>\n<p class=\"lead\">Core Web Vitals work is best done in tight cycles. Measure, fix, re-measure. The process keeps the work scoped and the wins visible.<\/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 + field data baseline<\/div>\n<p class=\"proc-text\">PSI runs on top 10-20 templates. Chrome User Experience Report (CrUX) data for real-user baseline. Lighthouse CI run on staging. Identify the worst-performing templates and the root cause per metric.<\/p>\n<div class=\"proc-tools\"><span>PSI<\/span><span>CrUX<\/span><span>Lighthouse CI<\/span><span>Chrome DevTools<\/span><\/div>\n<\/div>\n<div class=\"proc-step\">\n<div class=\"proc-num\">02 \/ PRIORITISE<\/div>\n<div class=\"proc-title\">Score by impact and effort<\/div>\n<p class=\"proc-text\">Every issue gets scored. Image weight is usually highest ROI. Web fonts second. Third-party scripts third. Render-blocking CSS fourth. The list is plugged into the dev team queue in priority order.<\/p>\n<div class=\"proc-tools\"><span>Impact matrix<\/span><span>Dev tickets<\/span><\/div>\n<\/div>\n<div class=\"proc-step\">\n<div class=\"proc-num\">03 \/ IMPLEMENT &amp; MONITOR<\/div>\n<div class=\"proc-title\">Fix, re-measure, repeat<\/div>\n<p class=\"proc-text\">Implementations land in sprints. Re-measure after each. Web Vitals reporting wired into GA4 for live field data. Looker Studio dashboard shows lab vs field scores trending in the right direction.<\/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\">Why this approach<\/div>\n<h2 class=\"title\">Mobile-first, real-user, ranking-tied.<\/h2>\n<p class=\"lead\">Most agencies stop at the PSI lab score. That misses two-thirds of the story. Field data shows what your real visitors experience, mobile data shows where most traffic actually is, and ranking deltas show whether Page Experience is moving rankings at all. Optimising on all three is what makes Core Web Vitals work pay off.<\/p>\n<\/div>\n<div class=\"pillars\">\n<div class=\"pillar\"><div class=\"p-title\">Field data first<\/div><p class=\"p-text\">PSI is a lab test. CrUX and GA4 Web Vitals show what real visitors get.<\/p><\/div>\n<div class=\"pillar\"><div class=\"p-title\">Mobile-prioritised<\/div><p class=\"p-text\">Mobile is where the traffic lives. Desktop optimisation is a side-effect.<\/p><\/div>\n<div class=\"pillar\"><div class=\"p-title\">ROI-honest<\/div><p class=\"p-text\">Some sites do not need full CWV work. I tell you when the budget is better spent elsewhere.<\/p><\/div>\n<div class=\"pillar\"><div class=\"p-title\">Stack-aware<\/div><p class=\"p-text\">WordPress, Shopify, headless. The bottleneck pattern changes per stack, the fixes are tailored.<\/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 passing on desktop, failing on mobile?<\/h2>\n<p class=\"cta-p\">Book a free 30-minute consultation. I review your PSI scores and CrUX field data beforehand and come with two or three concrete fixes worth their dev time. Even if we do not end up working together, you leave with something actionable.<\/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 before we talk.<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}]}}