Lazy load (dovent indlæsning) betyder, at browseren først henter billeder, iframes og andre ressourcer, når de nærmer sig brugerens synsfelt. Teknikken reducerer den initiale mængde data og kan forbedre FCP og LCP på sider med mange billeder — men kun, hvis det rigtige indhold prioriteres.
Hvorfor det hjælper — og hvor det skader
På en lang artikel eller produktliste kan det give mening at vente med billeder langt nede på siden. Det sparer båndbredde og CPU på enheder, der måske aldrig scroller så langt. Omvendt forsinker lazy loading netop det element, der skal vises tidligt, hvis det bruges på indhold over folden. Hero-billeder, logoer og LCP-elementer bør som udgangspunkt hentes med det samme — ofte med høj prioritet og uden loading="lazy".
Angiv altid width og height eller et stabilt billedforhold i CSS. Så reserverer browseren pladsen og undgår layout-hop, mens billedet venter på at blive hentet.
Lazy loading i WordPress
Siden WordPress 5.5 tilføjer kernen typisk loading="lazy" til relevante <img>-tags. Det er et godt udgangspunkt, men temaer, page builders og billedplugins kan overskrive adfærden. Tjek især forsiden, produktsider og skabeloner med store hero-billeder: et ekstra lazy-load-plugin er sjældent nødvendigt, medmindre det løser et konkret problem som YouTube-placeholders eller iframes.
Lazy loading erstatter ikke korrekt dimensionerede billeder eller effektiv kodning. Det flytter arbejdet — det gør ikke tunge filer lette.
Test og fejlretning
Rul langsomt gennem siden på mobil og se efter tomme felter eller synlig forsinkelse. I Network-panelet skal offscreen-billeder starte download først ved scroll, mens LCP-billedet starter tidligt. Sammenlign adfærden i Lighthouse og PageSpeed Insights før og efter ændringer — især advarslen Defer offscreen images.