Insights / Web Development
What makes a website fast, and why it matters more than you think
Speed is part of the design. A plain-English guide to Core Web Vitals, the usual culprits behind slow sites, and how to check your own.
- Published
- Read
- 2 min
- Author
- Gabriel Mills
People judge a website before they read a word of it. If the page is blank for a few seconds, jumps around as it loads, or freezes when they tap a button, they form an opinion about the business behind it. Often they simply leave.
Speed matters even more when many of your visitors are on phones and mobile data, where connections are slower and every megabyte costs money. A fast site is a more respectful site.
How speed is measured
Google's Core Web Vitals are a useful, widely adopted way to think about performance. They focus on what people actually experience rather than on technical scores:
- Largest Contentful Paint (LCP): how quickly the main content, usually the hero image or headline, appears.
- Interaction to Next Paint (INP): how quickly the page responds when someone taps, clicks or types.
- Cumulative Layout Shift (CLS): how much the page jumps around while loading, such as a button moving just as you go to tap it.
These metrics also feed into how Google evaluates pages, so a fast site helps with search visibility as well as with visitors.
The usual culprits
- Oversized images. A photo straight from a camera or design tool can be many times larger than needed. Images should be resized for the screen, compressed and served in modern formats such as WebP or AVIF.
- Too much JavaScript. Every slider, chat widget, tracking script and animation library has to be downloaded and run. On slower phones this is often the biggest cause of sluggish pages.
- Heavy fonts. Loading many weights of several typefaces adds up. Use only what the design needs.
- Plugins and page builders. Convenient, but they can load code for features a page never uses.
- Slow hosting. Cheap shared hosting far from your visitors adds delay before anything can load. A content delivery network (CDN) serves files from locations closer to the user.
- Missing dimensions. Images and embeds without reserved space cause the layout to jump as they load.
Performance isn't a final polish. It's a design decision made at the start.
How to check your own site
Run your homepage through Google's PageSpeed Insights. It shows real-world data from Chrome users when enough is available, along with a lab test and a list of specific issues. Test on your own phone too, ideally on mobile data rather than office Wi-Fi.
Focus on the pages that matter most: the homepage, key service or product pages, and anything people land on from ads.
Quick wins
- Compress and resize every image, and lazy-load images below the first screen.
- Remove plugins, scripts and widgets you don't genuinely need.
- Limit fonts to one or two families and the weights you use.
- Give images and video fixed dimensions so nothing jumps.
- Use good hosting with a CDN and caching enabled.
Build it in from the start
The fastest sites are planned that way. Choosing the right framework, designing with real content and limits in mind, and treating every new script as a cost all add up. A beautiful website that loads slowly is a beautiful website fewer people see.
