Web performance is all about how quickly your website loads and responds to a user's actions. It’s not just a technical detail; it’s a core part of the user experience. A slow website feels broken. Users get frustrated and leave. A fast, responsive site feels professional and reliable.

Think about the last time you clicked a link and waited... and waited. You probably gave up and went somewhere else. This is why performance is critical. Faster sites keep users engaged, which can lead to better business outcomes and even higher rankings on search engines like Google.

To improve performance, we first need to measure it. Saying a site is "slow" is too vague. We use specific metrics to pinpoint problems. Let's look at a few traditional ones.

This is the classic measurement. It’s the entire journey, from the initial request to the final pixel appearing on the screen. While useful, it doesn't tell the whole story about the user's perceived experience.

TTFB measures the server's responsiveness. A long TTFB means the server is taking too long to think before it even starts sending the website's files. It’s a good indicator of backend health, but a fast TTFB doesn't guarantee a fast site, since the browser still has to load and render all the assets.

While traditional metrics are helpful, Google introduced Core Web Vitals to measure performance from a more user-centric perspective. These metrics focus on three key aspects of the user experience: loading, interactivity, and visual stability.

Let's break down what each of these means.

Largest Contentful Paint (LCP)

LCP measures how long it takes for the largest element on the screen—usually a hero image or a large block of text—to become visible. It’s a good proxy for when the user feels the page’s main content has loaded. A good LCP score gives the user confidence that the page is working and loading correctly.

First Input Delay (FID)

FID measures the time from when a user first interacts with your page (like clicking a button or a link) to the time when the browser is actually able to process that interaction. Have you ever tried to click something on a page that just loaded, only for nothing to happen for a moment? That’s FID in action. A long delay is frustrating and makes the site feel unresponsive.

Cumulative Layout Shift (CLS)

CLS measures how much the content on your page moves around unexpectedly while it's loading. We've all experienced this: you're about to tap a button, and just as you do, an ad loads above it, pushing the button down and causing you to tap the wrong thing. A high CLS score indicates a jarring, unstable experience.

Understanding these metrics is the first step toward diagnosing and fixing performance issues. By focusing on LCP, FID, and CLS, you can directly improve how users actually experience your site.