nextjs - 💡(How to fix) Fix Turbopack slow [1 comments, 2 participants]

TL;DR

• The most likely fix is to configure or disable Turbopack, which is enabled by default in Next.js 16, to improve page loading performance.

Guidance

• Verify that the issue is indeed related to Turbopack by checking the Next.js documentation for any known issues or configuration options that can be adjusted for better performance.
• Investigate the next.config.js file for any Turbopack-related settings that can be tweaked to improve page loading times.
• Test loading pages directly via URL instead of using next/router to see if the issue persists, as the problem seems to be specific to router-based navigation.
• Consider temporarily disabling Turbopack to see if page loading performance returns to normal, which can help confirm if Turbopack is the root cause.

Example

No specific code example is provided due to the lack of detailed code context in the issue.

Notes

• The issue seems to be related to the upgrade from Next.js 15 to 16 and the default enablement of Turbopack, but without more specific details about the project's configuration and code, it's challenging to provide a precise solution.
• The performance issue is inconsistent, affecting only the first few pages loaded via next/router, which suggests a potential caching or initialization issue with Turbopack.

Recommendation

• Apply workaround: Temporarily disable Turbopack or adjust its configuration to mitigate the performance issue until a more permanent solution or fix is available from Next.js.