Defer offscreen images er en Lighthouse-audit og PageSpeed-anbefaling om at udskyde indlæsning af billeder, der ikke er synlige i viewport ved første rendering. Målet er at prioritere ressourcer over folden og reducere konkurrence om båndbredde og CPU i de første sekunder.
Hvorfor det giver mening
En WordPress-side kan have mange billeder i arkiver, produktlister og lange artikler. Hvis browseren henter dem alle med det samme, forsinkes det synlige indhold og LCP kan blive dårligere. Ved at udskyde billeder under folden frigives kapacitet til HTML, CSS, skrifttyper og det hero-billede, brugeren faktisk ser.
I moderne browsere svarer dette til native lazy loading via loading="lazy". Auditen dukker op, når billeder uden for viewport stadig hentes tidligt.
Implementering i WordPress
WordPress tilføjer som udgangspunkt loading="lazy" til billeder under folden. Kontrollér markup fra tema og page builder, før du installerer endnu et plugin.
- Undtag hero-billedet og andet synligt indhold fra lazy loading — det er ofte LCP-elementet.
- Angiv
widthogheight, så udskudte billeder ikke skaber CLS, når de vises. - For tunge video-iframes kan en klikbar thumbnail være bedre end at indlæse hele playeren med det samme.
- Kombinér med korrekte billeddimensioner, så udskudte filer også er lette at hente.
Sådan verificerer du adfærden
I Chrome DevTools skal requests for billeder under folden starte senere end den første rendering, mens LCP-billedet starter tidligt. Test med cache ryddet og langsom mobilprofil. Hvis brugeren møder tomme billeder ved scroll, er forudindlæsningsafstanden for kort eller filerne for tunge — ret dimensioner og komprimering, ikke kun lazy load-flaget.