Core Web Vitals Checklist
A practical Core Web Vitals checklist covering LCP, INP, CLS, mobile speed, JavaScript optimization, image compression, layout stability, and website performance improvements.
Core Web Vitals optimization usually starts simple enough. Compress a few images. Remove some bloated scripts. Then suddenly you are staring at waterfall charts at 2 AM wondering why one random third-party widget is adding 1.8 seconds to page load time.
This Core Web Vitals checklist helps you work through the biggest performance problems step by step without getting completely buried in technical noise. It covers Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS), mobile speed, JavaScript optimization, image handling, and layout stability.
The goal is not chasing perfect Lighthouse scores just for screenshots. Real users do not care whether your performance score is 97 or 100. They care when pages feel slow, jump around while loading, or lag after clicking buttons.
Use this checklist during technical SEO audits, redesigns, page speed optimization projects, or after installing “just one more plugin” that somehow added half a megabyte of JavaScript.
Core Web Vitals Measurement
0/5-
Test website using PageSpeed Insights
-
Check Core Web Vitals data in Google Search Console
-
Review mobile and desktop performance separately
-
Identify pages failing LCP, CLS, or INP metrics
-
Monitor real-user performance data regularly
Largest Contentful Paint (LCP)
0/5-
Optimize large images above the fold
-
Use modern image formats like WebP or AVIF
-
Reduce server response times
-
Enable page caching where possible
-
Preload important above-the-fold assets
Interaction to Next Paint (INP)
0/5-
Reduce heavy JavaScript execution
-
Delay non-essential JavaScript
-
Break large tasks into smaller chunks
-
Remove unused JavaScript libraries
-
Test form inputs and interactive elements for lag
Cumulative Layout Shift (CLS)
0/5-
Set width and height attributes for images
-
Reserve space for ads and embeds
-
Avoid inserting content above existing content
-
Preload important fonts properly
-
Check layout shifts during page loading
Image & Media Optimization
0/5-
Compress oversized images
-
Use lazy loading for below-the-fold images
-
Avoid autoplay video where unnecessary
-
Serve responsive image sizes
-
Reduce third-party media embeds
CSS & JavaScript Optimization
0/5-
Minify CSS and JavaScript files
-
Remove unused CSS
-
Inline critical CSS for important pages
-
Reduce render-blocking resources
-
Limit excessive third-party scripts
Mobile Performance
0/5-
Test page speed on mobile devices
-
Check touch interactions for responsiveness
-
Reduce mobile popups and overlays
-
Ensure readable text sizes on small screens
-
Avoid large mobile layout shifts
Monitoring & Maintenance
0/5-
Monitor Core Web Vitals monthly
-
Retest performance after major updates
-
Track performance regressions over time
-
Audit third-party scripts regularly
-
Review hosting performance during traffic spikes