Lazy loading
Teknik som skjuter upp laddning av resurser till dess de faktiskt behövs, till exempel bilder utanför vykorgen eller sällan använda komponenter.
Lazy loading förbättrar initial laddningstid genom att inte ladda allt direkt. Bilder nedanför viklinjen laddas inte förrän användaren scrollar dit. Tunga JavaScript-moduler laddas inte förrän en viss interaktion sker.
I Next.js är lazy loading inbyggt för bilder via Image-komponenten — loading='lazy' sätts automatiskt om du inte anger priority. För komponenter används dynamic() från next/dynamic som skapar en dynamisk import bundlern delar ut i ett separat chunk.
En modal, ett komplext diagram eller en kartkomponent som sällan används är typiska kandidater för dynamic(). Med ssr: false laddas komponenten bara i webbläsaren, vilket är nödvändigt för komponenter beroende av webbläsar-API:er.