Above the Fold
Content visible without scrolling when a page loads.
1 min readLast updated Apr 2026
Quick Reference
CategoryConversion Rate Optimization
Related Terms1
Content visible without scrolling when a page loads.
Why It Matters
While users do scroll, above-the-fold content disproportionately influences whether they continue. Studies show 80% of viewing time is spent above the fold. This is where you must hook visitors and set expectations for the rest of the page.
Practical Example
Scenario
A furniture brand's product pages have product images below the fold on mobile. Visitors see only the header and partial description first.
Calculation
Mobile bounce rate: 68%. After redesigning to show product image and price above the fold:Result
Mobile bounce rate drops to 52%. Same traffic, 16% more visitors engaging with product content.
Pro Tips
- 1Prioritize the most important content: value proposition, primary CTA, key visual
- 2Test on multiple devices—'above the fold' varies dramatically between desktop and mobile
- 3Include a visual cue that more content exists below (partial images, scroll indicators)
- 4Load above-the-fold content first to improve perceived speed
Common Mistakes to Avoid
Assuming desktop fold position applies to mobile
Putting the CTA or key information below the fold where it may never be seen
Filling above-the-fold space with navigation and headers instead of value content