提问人:Tal L 提问时间:8/28/2022 最后编辑:Tal L 更新时间:8/28/2022 访问量:574
Next.js 发送重复(冗余)块
Next.js sends duplicate (redundant) chunks
问:
我在我的 Web 应用程序中遇到了一个问题,其中 80% 的 .js 块被加载了两次,冗余而没有明确的原因。
显然,这增加了 TTI 并达到了我的 Lighthouse 分数。
这些 dup 在 和 中是相同的。
它们在 和 ( 和 not ) 中有所不同,如下图所示:Name
Path
Size
Initiator
Type
javascript
script
看起来这个问题已经被报告了(例如这里和这里),但目前尚不清楚 Vercel 是否解决了这些错误报告中的问题。
当按照这个建议禁用链接预取时,我确实设法看到问题消失了,但预取也消失了(它仍然适用于悬停)。
在不经历这些冗余的 .js 块的情况下,我可以做些什么来从中受益吗?Next's link prefetch
这是否在 Next.js 版本 12 中得到解决?
有关我的设置的更多信息:
- Next.js 版本 10.2.3。
- React 版本 16.12.0。
- 从 AWS S3 静态提供服务。
- 在客户端呈现所有内容。
- 代码拆分为 .js 块是由 Next.js 进行的,我使用的是基于默认路由的 (/pages) 代码拆分。此时不使用动态导入。
有关此问题的详细信息:
- 当您刷新页面时,它不会重现,因为浏览器会缓存这些块。
- Firefox上没有重现。
- 似乎它也发生在版本 11 中。还有 10 和 9,但不是 8。
答: 暂无答案
评论