Treemap 视图中清晰地显示出来，也可

[ishanijerin1]

脚本阻止 TBT 时间

灯塔树状图
脚本的影响可以在以通过 PageSpeed Insights 访问。脚本按文件大小排序，最大的脚本占据最大的框，但这并不一定对应于执行时间最长的脚本。

在下面的例子中，很容易看到 法国号码 最大的脚本是实时聊天、Wistia 视频嵌入、几个 GTM 脚本，其次是 VWO A/B 测试工具。

灯塔树状图脚本

第三方脚本的可视化
为了更详细地可视化来自第三方域的请求（通常但不总是 JS 脚本），我经常使用此映射工具，它将请求显示为节点及其之间的连接，其中较大的节点代表较大的文件，一般而言，较大的节点和较多的节点会降低性能。

节点的互连还可以帮助确定从哪个源调用哪些脚本，并且颜色编码显示不同类型的请求。

下图显示了来自同一示例站点的请求，其中有多个更大的节点用于多个 GTM 请求（绿色）、实时聊天和 VWO（红色）、Wistia（青色）和各种 HubSpot 脚本（洋红色）。

第三方请求的可视化

Chrome 的性能监视器