What is First Contentful Paint
Ever clicked on a link and stared at a blank white screen, wondering if the page is broken? That initial wait is what First Contentful Paint is all about.
Learn how to optimize your website's performance, improve Core Web Vitals, and reduce your carbon footprint with our comprehensive guides.
Ever clicked on a link and stared at a blank white screen, wondering if the page is broken? That initial wait is what First Contentful Paint is all about.
Cumulative Layout Shift (CLS) is a measure of how much your webpage's content unexpectedly moves around as it loads. Imagine you're about to tap a button, but just as your finger touches the screen, an ad loads above it, pushing the button down and causing you to tap the ad instead.
Have you ever tried to click a button or open an accordion menu on a webpage, but nothing happened for a frustrating second? That lag between your action and the site's reaction is what First Input Delay is all about.
You've clicked on a webpage. The header and some text load, but you're still waiting for that main banner image or the headline to appear before the page feels truly "loaded." That moment when the most important piece of content finally shows up is what Largest Contentful Paint is all about.