nextjs:当前页面也加载其他页面chunk

Question

根据 nextjs 文档，默认情况下将根据路由导航加载块。但是在我的项目中，为其他页面创建的所有块也都加载到当前页面中。因此，它会影响灯塔得分性能，并且第一次绘制需要很多时间。

这是页面上加载的块

参考文档： https://web.dev/granular-chunking-nextjs/ , https://web.dev/code-splitting-with-dynamic-imports-in-nextjs/ , https://web.dev/route-prefetching-in-nextjs/

是否需要任何配置来根据 Nextjs 中的路由分离块？

Answer 1

从图像看起来您正在查看计算出的 DOM， Next.js 会在页面可见时预加载链接，这是一种性能优化，只有在用户的互联网速度很快时才会起作用。

要确保它仅在运行时加载，请使用“查看源代码”检查返回的 HTML，您应该不会看到这些脚本。