The 3-second rule of web design

You have three seconds. Not ten. Not thirty. Three. That's how long a visitor gives your site before deciding whether to stay or leave. Most small business websites waste those three seconds on a stock photo slideshow, a generic welcome message, or a logo that takes two seconds to load. By the time the visitor understands what the business does, they're already gone.

What happens in 3 seconds

In the first three seconds, a visitor is answering three questions without knowing they're doing it. What is this? Is it for me? What do I do next? If your hero section doesn't answer all three, you've lost them. Not to a competitor — to the back button.

A restaurant site that opens with a full-screen interior photo answers none of those questions. A restaurant site that opens with "Authentic Bengali cuisine in Turin. View the menu." answers all three in under two seconds. The difference isn't design skill. It's clarity.

The visitor isn't reading your site. They're scanning it for a reason to stay.

The above-the-fold audit

There's a simple test anyone can run. Open your site on a phone. Take a screenshot of the first screen without scrolling. Show it to someone who's never seen it for exactly three seconds. Then take it away and ask: what does this business do? If they can't answer clearly, your above-the-fold is broken.

It should contain three things: a headline that says what you do, a one-line subline that says who it's for, and one visible CTA. Nothing else. Navigation, social proof, features, awards — they all live below the fold. The top of your site is not a summary. It's a door.

Kill the slider

Hero sliders are the single most common three-second killer on small business websites. By the time the second slide appears, the visitor has already decided. Sliders don't exist because they work. They exist because the business couldn't decide what's most important — which means nothing is.

One message. One image. One action. That's the only thing a hero can afford. A slider is a committee's answer to a design question that should have been answered by a founder.

A slider is a committee's answer to a design question that should have been answered by a founder.

How to pass the test

Write your headline as if it's the only thing the visitor will ever read — because for most visitors, it is. Make the CTA impossible to miss: large enough, contrasting enough, and placed where the eye lands naturally. Not hidden in the navigation. Not buried under a paragraph.

Strip away every decorative element in the hero that doesn't serve the three questions. Then test it. Show five people your site for three seconds each. If three of them can't explain what you do, rewrite the hero. The problem isn't them. It's the site.

Three seconds. One headline. One action. That's not a limitation — it's a discipline. The sites that convert are the ones that respect how little time they have.