Prestandaoptimering
Arbetet med att göra en applikation snabbare, mer responsiv och mer resurseffektiv för slutanvändaren.
Prestandaoptimering i Next.js handlar om att minska vad webbläsaren behöver ladda och bearbeta. Rätt renderingsstrategi är grunden: statisk generering där möjligt, streaming för dataintensiva sidor.
Utöver strategin: bildoptimering via next/image, koddelning via dynamiska importer, cachning av fetch-anrop och att hålla klientbundeln liten genom att inte använda 'use client' i onödan. Varje komponent märkt 'use client' lägger JavaScript i klientbundeln.
Core Web Vitals är den praktiska mätskalan — LCP, INP och CLS. Chrome DevTools Lighthouse och Next.js inbyggda @next/bundle-analyzer ger konkreta mätvärden att förbättra. Mät först, optimera sedan.