Performance · 18 checks

Core Web Vitals Checklist

The checks we run before any site ships. Work through LCP, CLS and INP, plus how we verify with real field data. Tick them off; your progress saves to this device.

Your progress

0/18 checks

LCP: Largest Contentful Paint

0/5

Preload the hero / LCP element and set fetchpriority="high"
Serve images as AVIF/WebP at the correct dimensions
Cache HTML at the edge and use a CDN for static assets
Eliminate render-blocking CSS/JS above the fold
Target: LCP under 2.5s on 4G mobile

CLS: Cumulative Layout Shift

0/5

Set explicit width & height on images, ads and embeds
Reserve space for late-loading widgets and banners
Never insert content above existing content
Preconnect to font origins; use font-display: swap with size-adjust
Target: CLS under 0.1

INP: Interaction to Next Paint

0/5

Break up long tasks (>50ms); defer non-critical JavaScript
Move background work to requestIdleCallback / scheduler.yield()
Debounce input handlers; avoid synchronous layout reads
Code-split per route and remove unused JS
Target: INP under 200ms

Measurement

0/3

Verify with PageSpeed Insights and real CrUX field data
Test on real mid-tier mobile hardware, not just desktop
Run Lighthouse CI in the pipeline so regressions get caught

Start a project

Got an idea?
Let's make it real.

Tell us what you're building. We'll reply within 24 hours with a clear plan, timeline and transparent pricing. No strings attached.

Request a Free Quote

View Services

hello@webvork.nlLeeuwarden, Friesland

live

Core Web Vitals Checklist

LCP: Largest Contentful Paint

CLS: Cumulative Layout Shift

INP: Interaction to Next Paint

Measurement

Got an idea?Let's make it real.

Core Web Vitals Checklist

LCP: Largest Contentful Paint

CLS: Cumulative Layout Shift

INP: Interaction to Next Paint

Measurement

Got an idea?Let's make it real.

Got an idea?
Let's make it real.

Got an idea?
Let's make it real.