Lazy load betyder, at browseren først henter billeder (og nogle gange iframes/video), når de nærmer sig viewport. Det sparer bytes og requests ved første paint — især på lange sider. På WordPress er native lazy loading indbygget; ekstra plugins er ikke altid nødvendige, og forkert brug kan skade LCP.

Hvordan det virker

Moderne browsere understøtter loading="lazy" på <img> og iframes. WordPress tilføjer det automatisk på de fleste billeder i indhold. Elementer over fold — især LCP-billedet — skal ikke lazy-loades; de skal prioriteres (ofte med fetchpriority="high" / uden lazy).

Fordele

  • Hurtigere initial load på billedtunge sider
  • Mindre data for mobilbrugere, der ikke scroller hele vejen
  • Færre samtidige requests tidligt i load

Faldgruber (de vigtigste)

  • Lazy-load på LCP-billedet — klassisk PSI-fejl; hero bliver langsommere
  • Dobbelt lazy — tema + plugin + native = race conditions eller manglende billeder
  • “Lazy” CSS/JS uden omtanke — kan give FOUC, CLS eller knapper der først virker efter et sekund
  • Galleri/carousel — lazy kan være fint, men test at slides stadig loader, når brugeren swiper

WordPress i praksis

  1. Start med native lazy (WordPress kerne) — slå ekstra lazy-plugins fra, hvis de overlapper
  2. Sørg for at featured/hero/LCP ikke får loading="lazy"
  3. Brug stadig korrekte størrelser og WebP/AVIF — lazy erstatter ikke billedoptimering
  4. Test mobil i PSI og manuelt: scroll, galleri, Woo-produktgalleri

Cache-plugins (fx WP Rocket) har ofte lazy som tilvalg — én kilde til sandhed er bedre end tre.

SEO

Google renderer sider og håndterer typisk lazy-loadede billeder fint, hvis markup er korrekt (src/srcset, ikke kun data-attributter uden fallback). Undgå eksotiske lazy-scripts, der skjuler billeder for crawlers. Alt-tekst og filnavne gælder stadig.

Hvornår det hjælper / ikke hjælper

  • Hjælper: blogindlæg, lange landingsider, kategoriarkiver med mange thumbs under fold
  • Hjælper lidt: korte sider med ét hero-billede (her er LCP-prioritering vigtigere)
  • Skader: når hero/lazy er forkert konfigureret, eller JS-lazy er buggy

Kort sagt

Lazy load er standard og nyttigt — bare ikke på det vigtigste billede. Hold dig til native hvor muligt, ret LCP først, og mål efter ændringer. Usikker? Helbredstjek eller kontakt.