Lazy loading är en teknik där tunga resurser laddas först när de närmar sig användarens vy. Genom att skjuta upp nedladdningen av bilder, video och iframes minskar den initiala sidstorleken och First Contentful Paint förbättras markant. HTML‑attributet loading=”lazy” ger inbyggt stöd i moderna webbläsare, medan IntersectionObserver‑API:et ger mer kontroll, exempelvis för att förladda resurser några hundra pixlar innan de blir synliga. Metoden passar särskilt bra i långa artiklar och produktlistningar. Kom ihåg att ange width och height på bilder så att layouten inte hoppar och ge en JavaScript‑fallback för äldre webbläsare.