一个针对chrome浏览器的前端性能监控功能

windows系统打开chrome浏览器后键盘按下“F12”或者鼠标右键点击“检查”进入如下页面：

在上面调试页面输入“CTRL SHFT P”快捷键，在搜索栏中输入“show performance monitor”，打开对应页面：

在该页面中我们可以看到cpu使用率，js堆使用大小以及dom节点数，我们知道cpu以及内存使用率可以从侧面反映一个应用的一些问题，比如当页面渲染过慢，系统卡顿时，使用该功能可以观察是不是cpu使用过高或者内存使用过大导致页面刷新过慢，操作卡顿等。