问题描述
我正在使用nuxt js，我看到一些紫色的行之后正在下载一些代码：
现在我的问题是，此行显示什么？为什么下载的代码不影响我在Lighthouse的性能得分？
解决方法
该线实际上不是紫色，而是一条红线和一条蓝线彼此相邻。
蓝线是“ DOM内容已加载”时间，红线是“加载”时间。
加载文档并完全构建DOM树时，将触发“ DOMContentLoaded”事件。
所有子帧，图像，样式表，脚本等均已下载后，将触发“加载”事件。 （这会忽略诸如延迟脚本，异步脚本等之类的内容，因为从技术上讲，它们不属于初始文档）
对于加载后的内容，它仍然会影响您的性能，因为它会影响诸如“累积布局偏移”，“总阻止时间”之类的内容。这些行仅供参考。
如果您要计算页面上的性能，最好使用开发人员工具中的“性能”标签。
这使您可以进行完整的跟踪，并突出显示更有意义的指标，例如“ First Paint”，“ First Contentful Paint”，“ Larstful Content Paint”（在“ timings”部分下）以及在“ Experience”部分下的任何累积版式移位等。