This post provides a comprehensive guide on optimizing the performance of Next.js applications. It covers the fundamentals of web performance, such as understanding client and server bundles, JavaScript execution in the browser, and techniques for identifying performance issues using tools like PageSpeed Insights and Chrome
Table of contents
Permalink PrerequisitesPermalink What do mean by faster?Permalink PageSpeed InsightsPermalink Chrome DevToolsPermalink Common patterns causing unused JSPermalink Using the bundle analyzerPermalink Move code to server componentsPermalink Code splitting strategiesPermalink Dealing with large dependenciesPermalink When to use optimizePackageImports?Permalink Interaction to Next Paint (INP)Permalink Yielding to the main threadPermalink Prefetching/Preloading techniquesPermalink Future of Next.js5 Comments
Sort: