使用Google开发工具实现性能监控

前言

性能监控能通过压缩平均恢复时间来减少应用程序的停机时间,或者记录某个应用程序从发生问题到恢复正常,一共花费了多久,并且能够通过检查识别性能瓶颈来提高应用程序性能。性能监控主要监控CPU、内存、数据包流量等方面,本文主要介绍使用Google开发工具对web端网页进行监控。

正文

1、首先打开稳定版Google浏览器,输入“chrome://flags/#enable-devtools-experiments”,将 “Developer Tools experiments” 选项设置为“启用”。

使用Google开发工具实现性能监控

2、设置完成后,点击Relaunch now” 来重启Google浏览器。

3、打开谷歌开发者工具(F12),打开 DevTools “Setting” -> “Experiments” 选项,点击 6 次 SHIFT 显示隐藏的选项,选中 “Performance Monitor” 选项,最后重启开发者工具。

使用Google开发工具实现性能监控

使用Google开发工具实现性能监控

4、再次打开Google开发者工具,选择 “Performance monitor”,开始性能监控啦!

使用Google开发工具实现性能监控