Chrome开发工具:3相同页面加载的主线程阻塞时间的不同长度?

qij5mzcb  于 2023-06-19  发布在  Go
关注(0)|答案(1)|浏览(123)

根据Chrome开发工具,我的总阻塞时间是240ms。也是596ms。也是1212ms。
灯塔:

来自Lighthouse的报道:

在性能选项卡中,同样的应用程序,同样的主页,片刻之后:

我相信这是有道理的,但我还没有弄明白。有人能解释一下吗?

0md85ypi

0md85ypi1#

Lighthouse可能将多个不同的域分组到cloudfront.net的单个分类中。CloudFront是第三方非常常用的CDN。例如,站点可以具有thirdparty1.cloudfront.net和thirdparty2.cloudfront.net。第二个屏幕截图可能引用thirdparty1,最后一个屏幕截图可能引用thirdparty2。因此,您将在屏幕截图中看到两个完全不同的服务。
至于第一张截图,那是初始时间。主线程可能被占用240ms,然后释放。一旦线程被释放,它可以再次被消耗(屏幕截图2和3)。

相关问题