Above the fold: what customers see in the first 3 seconds
Three seconds. That's how long a visitor gives your website before deciding to stay or leave. What they see in that window determines everything.
What "above the fold" means
The term comes from newspaper printing — the most important stories went on the top half of the front page, visible before you unfolded it. On a website, above the fold is everything visible without scrolling. On a mobile phone (where most of your visitors are), that's a smaller space than you might think.
The 3-second test
Show your website to someone who's never seen it before. After 3 seconds, close the browser. Ask them: what does this business do? Who is it for? What should I do next? If they can't answer all three, your above-the-fold section isn't working. This isn't a design problem — it's a communication problem.
The four elements that must be above the fold
1. What you do — in plain language, not a tagline. "Premium aircond service across Penang" beats "Committed to excellence in climate solutions."
2. Who it's for — implied by the specific language you use. "For homeowners and offices" or just "Penang island" tells visitors whether they're in the right place.
3. Why you — one specific proof point: 4,200+ units serviced, 5-star rated, fastest response in your area. One specific reason beats a list of generic claims.
4. What to do next — a single, clear call to action. One button. Not three options. WhatsApp us. Book now. Get a quote. One.
Common above-the-fold mistakes
Full-screen video hero — visually impressive, but slow to load and often muted on mobile. By the time it loads, the visitor has already judged the site based on the blank space.
Slider/carousel — multiple messages competing for attention typically deliver no message effectively. A single strong hero beats a rotating one every time.
Navigation with too many options — a nav bar with 8 items clutters the first impression. Keep primary navigation to 4–5 items maximum.
No contact button visible — your contact button should be in the top-right corner of the header, visible from the moment the page loads. Many visitors go straight for it without scrolling at all.
Frequently asked questions
What exactly is 'above the fold'?
Above the fold is the portion of your webpage visible without scrolling. On a mobile screen, this is roughly the top 650 pixels. On desktop, roughly 900 pixels.
Should my hero image be a video or a static image?
Static images load faster and are more reliable across devices. Video backgrounds can look impressive but often slow down mobile load times significantly — test carefully before using.