chrome开发者工具使用总结--network

背景：
1、最近公司项目通过谷歌linehouse分析出来的数据并不是很好，但是实际我们自己访问觉得也还行，就各种找问题。不过大概问题也知道，项目首页运行资源太多，首页看请求就有160多个，再加上里面图片加载大概就占到了70%-80%的样子还都是基本是通过后台获取图片地址然后script添加后展示的图片。所以现在为了解决性能问题，想先看看chrome的性能分析的原理和页面渲染原理和时间影响因素等各种问题。所以有了这些文章。
2、chrome版本 94.0.4606.61（正式版本） （64 位）

一、network

二、connectionId

添加connectionId 用于看谷歌浏览器只能同时运行6个请求的情况。相同的id表示他们是在同一时间运行

可以通过选中Time或者其他模块然后单击数据右键先弹出选项既可以在这里选择你想要的分析参数

三、waterfall

参考资料：https://blog.csdn.net/Arlingtonroad/article/details/109852319
https://www.cnblogs.com/zhou1988/p/9077218.html