Chrome Dev Tools: Network


network标签页是用来回答'页面中哪个部分最耗时间'或'哪个调用初始化了网络请求'

network仪表盘记录了页面中每个元素加载的详细信息。

每一个请求都记录在network仪表盘的底部日志中

观察底部的线条,你会注意到彩色图案。每一个颜色都代表了请求中的不同类型内容。

线越长代表网络耗时越大,我们最终目标就是缩短线长。如果出现长线条,说明某些内容拖慢了整个网页。

点击请求日志,会看到更加详细的请求信息。

更多详细内容请访问: developers.google.com/web/tools/profile-performance/network-performance/resource-loading