Above the Fold er det indhold, der er synligt i viewporten, når siden åbnes — uden at brugeren scroller. Udtrykket stammer fra aviser, hvor det vigtigste lå over midterfolden. På web er “folden” ikke én fast linje: den flytter sig med skærmstørrelse, orientering og browser-UI.
Hvorfor det påvirker hastighed
Den første skærm er der, brugeren danner sit indtryk. Ofte ligger sidens Largest Contentful Paint (LCP) her — typisk et hero-billede eller en stor overskrift. Render-blokerende CSS og JavaScript forsinker netop dette område. Critical CSS handler om at levere nok styling til at tegne folden hurtigt, mens resten kan vente.
Above the fold er ikke en PageSpeed-score i sig selv. Det er en prioriteringsramme: hvad skal være korrekt, stabilt og hurtigt synligt, før resten af siden hentes færdigt.
Praktisk på WordPress
- Identificér LCP-elementet på mobil og desktop — de er ofte forskellige.
- Lazy-load ikke hero-billedet; reservér plads med width/height for at undgå CLS.
- Hold den første skærm enkel: færre widgets, mindre plugin-CSS og ingen tunge sliders, hvis de ikke er nødvendige.
- Test responsivt: det, der er “over folden” på desktop, kan kræve flere scrolls på mobil.
Sådan måler du
Brug PageSpeed Insights og Chrome DevTools til at se LCP-element, render-blocking ressourcer og layoutskift på den konkrete URL. Sammenlign den synlige første skærm med det, du tror er vigtigst — ofte er flaskehalsen et billede eller en CSS-fil, der slet ikke behøver at konkurrere om den første millisekund.