Above the Fold
ELI5 — The Vibe Check
Above the fold is everything you see before scrolling — like a newspaper's front page headline. It's prime real estate. Put your best stuff there because most users scroll like they're being charged per pixel.
Real Talk
Above the fold refers to the portion of a webpage visible without scrolling. Optimizing this area is critical for engagement and performance. Strategies include inlining critical CSS, prioritizing above-the-fold images, and deferring below-the-fold content.
When You'll Hear This
"Make sure the CTA button is above the fold on mobile" / "We lazy-load everything below the fold to speed up initial render"
Related Terms
Critical CSS
Critical CSS is like packing only what you need for the first 5 minutes of your trip in your carry-on.
First Paint
First Paint is the moment your browser stops showing a blank white screen and puts literally anything on it.
Lazy Loading
Lazy loading waits until you actually access related data before fetching it. Access post.author and only then does it query the database.