浏览器性能监控performance使用
2024-10-21 03:49:25
浏览器中有一个performance的性能监控，平时我也没有用到，接手了一个大数据的项目，发现页面打开的比较慢，使用浏览器的performance分析可以看到各个步骤花费的时间。
关于项目的性能分析如下图
上图反应这个页面从开始reload到完全打开的数据，可以看到几个指标
蓝色(Loading)：网络通信和HTML解析
黄色(Scripting)：JavaScript执行
紫色(Rendering)：样式计算和布局，即重排
绿色(Painting)：重绘
灰色(System)：其它事件花费的时间
白色(Idle)：空闲时间
在这些指标中，我的空闲时间最多，我结合代码找了下原因，是因为之前同时请求了很多接口，promise.all需要等待所有接口返回成功后才会渲染页面，所以我的idle时间变长了很多,浏览器一直在等待接口全部返回。
最新文章
- Java 知识结构图
- iOS 向模拟器里添加照片
- 【Android】你应该知道的调试神器----adb
- python class对象转换成json/字典
- p2p软件如何穿透内网进行通信
- 在swift中使用oc 的代码
- js中立即执行
- 请给出异步加载js方案
- 初试 Vue.js
- Form提交表单页面不跳转
- Netty 系列七（那些开箱即用的 ChannelHandler）.
- mysql性能调整三板斧
- Win-Lin双系统重装Windows找回Linux启动
- PAT 乙级 1051 复数乘法 (15) C++版
- hive的实现机制
- dovecot--查询未读邮件个数
- Java 9 模块化（Modularity）
- python进阶之类常用魔法方法和魔法属性
- 动态SQL和PL/SQL的EXECUTE选项分析
- java 反射机制之 getDeclaredMethod（）获取方法，然后invoke执行实例对应的方法