zifenggao / performance-assistant

一个便捷查看页面加载性能数据的Chrome插件

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Performance Assistant

Chrome页面加载性能监控插件。提供最简单的查看页面加载性能的方式和指标定制化的能力,支持持续监控,可以查看页面一段时间内的加载性能数据变化。

安装方法

通过chrome加载已解压的扩展程序,选择项目中的build文件夹即可。

开始使用

简单查看数据

刷新页面之后,点击右上角插件icon,可以查看加载性能数据如下:

点击加号可以查看计算指标依赖的数据:(指标都是按照performance.timing属性值来的,具体可参考《Navigation Timing》

自定义指标

由于不同应用场景,对指标的定义可能不同,插件也提供了自定义指标的能力,可以打开开发者工具,选择Performance assistant这个tab,进行更多操作。包括新增自定义指标,删除已有指标,或者对已有默认指标进行编辑。当然你也不用担心会改乱掉,点击下方的重置按钮就能让所有指标恢复默认值:

性能数据可视化

勾选“持续监控”后,刷新页面,插件会记录每一次页面加载后的数据,并呈现可视化图表方便观察变化趋势:

About

一个便捷查看页面加载性能数据的Chrome插件


Languages

Language:CSS 97.0%Language:TypeScript 2.2%Language:HTML 0.3%Language:JavaScript 0.3%Language:Less 0.2%