Above the fold is the part of a web page a visitor sees before they scroll.
Above the fold is the top section of a web page that shows on screen as soon as it loads, before the visitor scrolls. The phrase comes from newspapers, where the most important headline sat on the top half of the front page, above the physical fold.
On a website there's no fixed fold. It depends on the screen. A laptop might show the first 700 pixels or so, while a phone shows a narrow, tall slice. So "above the fold" really means "the first screenful on the devices your visitors use".
Why above the fold content matters
This is the part of the page every visitor sees, so it does a lot of work:
- First impression: people decide within seconds whether they're in the right place.
- Conversions: a clear headline and a visible call to action tend to perform better than ones buried lower down.
- Perceived speed: if the top of the page appears quickly, the whole page feels fast, even while the rest is still loading.
Above the fold and page speed
Google's Core Web Vitals measure how quickly the main content appears. Largest Contentful Paint (LCP) is usually triggered by something above the fold, such as a hero image or a big heading. If that element is slow, your LCP score suffers.
Ways to make the first screen load faster:
- Compress and correctly size the hero image, and use a modern format like WebP or AVIF.
- Don't lazy-load images that sit above the fold. Lazy loading is for content further down.
- Inline or prioritise the CSS needed for the first screen, and defer scripts that aren't needed straight away.
- Use a cache and a fast server so the HTML arrives quickly, which helps your TTFB.
- Serve static files through a CDN if your visitors are spread across the globe.
What to put above the fold
Keep it focused. A good first screen usually has a clear headline that says what you offer, one short supporting line, a main button, and something that builds trust, such as a rating or a recognisable client logo. Avoid autoplaying sliders and large pop-ups, which slow the page down and push your message out of view.
Common above the fold mistakes
- Designing only for desktop, so the phone view shows nothing but a giant image.
- Layout shifts, where a banner or font loads late and pushes content down. This hurts your Cumulative Layout Shift score.
- Cramming everything into the first screen. People do scroll, as long as the top tells them it's worth it.
On AblePage, every plan runs on LiteSpeed with NVMe storage, and WordPress sites can use LSCache, which helps the top of your page reach visitors sooner.