All articles

Development

Performance is a design decision

A slow website is usually decided in the design file, not in the code. How we keep sites fast from the first sketch.

A film camera on a wooden floor crossed by streaks of warm sunlight

Speed is part of the experience

Visitors do not separate how a site looks from how it feels to use. A beautiful page that takes four seconds to show its headline feels worse than a plain one that appears instantly. Every extra second costs attention, and on mobile connections it costs visitors.

It is tempting to treat performance as a developer’s job, something to optimise once the design is signed off. In our experience, most of the weight of a website is decided much earlier, in the design file, when someone adds a background video, a third typeface or a carousel of twelve full-screen images.

Design with a budget

We set a performance budget at the start of every web project, the same way we agree on a timeline. It is a short list of limits: how heavy the first screen can be, how many fonts we load and how long until the main content is visible. Every design decision is then measured against it.

A budget does not forbid ambitious ideas. It forces a conversation about trade-offs. If the hero needs a video, the video should be short, compressed and start with a poster image that appears immediately. If the brand needs a display typeface, maybe the body can use a variable font that covers every weight in one file.

What we check in the design phase

  • Images. Is every large image doing work, or is it decoration? Can it be cropped smaller?
  • Fonts. How many families, weights and styles are actually used on the page?
  • Motion. Can the animation run on transforms and opacity, which browsers handle cheaply?
  • Third parties. Which tools, chat widgets and trackers does the site really need on day one?

What we do in code

Once the design respects the budget, the build makes it fast. We render pages ahead of time so they arrive ready, serve images in modern formats at the size they are shown, load fonts early and only what is needed, and keep JavaScript for the interactions that need it. Animations wait until the content is visible instead of blocking it.

The result is measurable. Every site we ship passes Core Web Vitals and scores above 95 in Lighthouse on mobile, and we test on a mid-range phone, not only on the laptops we design on.

Fast is a brand quality

A fast site tells visitors that the company respects their time. It ranks better, converts better and costs less to host. And because the decisions were made early, it stays fast when the marketing team adds pages a year later.

Next step

Let’s move your brand forward

Start a project