Google grades three Core Web Vitals: LCP, which is how fast your main content loads, INP, which is how quickly your page reacts to a tap or click, and CLS, which is how much your layout jumps around while it loads. You fix LCP by shrinking images and speeding up your server, INP by cutting heavy scripts, and CLS by reserving space for images and ads. Most sites can pass all three without touching a line of custom code.
Core Web Vitals sound technical, and most articles about them are written for engineers. They do not have to be. Underneath the acronyms, Google is measuring three simple things that any visitor would notice: does the page show up quickly, does it react when I tap something, and does it hold still while it loads. Those three questions became a ranking signal years ago, and they still are one.
The good news is that you do not need to be a developer to move the numbers. A large share of failing pages fail for the same handful of reasons, and those reasons have plain fixes. This is a walk through each of the three metrics, what a failing score usually means, and the practical steps that pull it back into the green.
There are three vitals, and each one has a clear pass mark. Largest Contentful Paint (LCP) measures how long it takes for the biggest visible thing on your page, usually a hero image or a headline, to finish loading. Google wants that under 2.5 seconds. Interaction to Next Paint (INP) measures the delay between a visitor tapping or clicking and the page visibly responding. Google wants that under 200 milliseconds. Cumulative Layout Shift (CLS) measures how much your content jumps around as things load in, the annoying moment when you go to tap a button and an ad shoves it down. Google wants that score under 0.1.
One detail trips people up. These scores come from real visitors, not a one time speed test. Google collects them from actual Chrome users over a rolling window, which means a fast test on your own laptop can still hide a failing grade earned by someone on an older phone. That is why a page can look instant to you and still be marked slow.
LCP is the most common failure and, happily, the most fixable. The usual culprit is an image that is far larger than it needs to be. A hero photo saved at full camera resolution can be several megabytes when a properly sized and compressed version would be a fraction of that and look identical on screen. Start by resizing images to the size they actually display at, then compress them and serve a modern format like WebP.
The second big lever is your server and hosting. If the page takes a long time just to start sending anything back, everything after it is late. Cheap overloaded hosting, no caching, and no content delivery network all show up as a slow LCP. Turning on page caching and putting a CDN in front of your site often shaves a full second off with no design changes at all. Finally, make sure the main image or headline is not waiting behind render blocking scripts and fonts that load first.
INP is the newest vital. It replaced First Input Delay in March 2024 and it is noticeably tougher, because it measures every interaction across the visit, not just the first one. A page passes INP when it reacts to taps and clicks almost immediately. It fails when the browser is too busy running heavy code to respond.
The fix is almost always about scripts. Every tracking pixel, chat widget, popup tool, and social embed adds JavaScript that competes for the browser's attention. Audit what you actually use and remove the rest. For the tools you keep, load them later or only when needed rather than all at once on page load. If your site runs on a platform with a lot of plugins, deactivating the ones you no longer use is often the single biggest INP win available to you.
CLS is the least understood and one of the most annoying to visitors. It happens when something loads in after the page has started rendering and pushes the existing content out of the way. Images without set dimensions are the classic cause, because the browser does not reserve space for them and then has to shove everything down once they arrive. Ads and embeds that appear late do the same thing.
The fix is to reserve the space in advance. Give every image and video explicit width and height so the browser holds a spot for it before it loads. Set a fixed size for ad slots and embeds. Load custom fonts in a way that does not cause a sudden reflow when they swap in. Once nothing appears unexpectedly, your CLS score settles and stays green.
Run a free website health check and see your Performance, SEO, Best Practices, Accessibility, and Agentic Browsing scores in seconds. Find out exactly where your Core Web Vitals stand and what to fix first.
Run Your Free Health Check Free · Instant · PDF included · healthypage.helpAnswers to the exact questions people ask AI assistants about this subject.
Core Web Vitals reward the same thing your visitors do: a page that shows up fast, responds fast, and holds still. Your free website health check is at healthypage.help/check