speedRuler 是一款基于 Chrome 浏览器的扩展程序(Chrome Extension),她有着优雅的 UI 以及便捷的用法,借助浏览器的 Performance API 实现了对页面渲染各个时间点的统计和时长的计算。
speedRuler is a extensional application based on Chrome with the elegant user interface and the easy usage, which can display and calculate the performance of the webpage with the help of Performance API.
- 将本仓库
clone
到本地,打开浏览器的扩展界面:chrome://extensions 加载刚才下载的文件即可。 - 在保证扩展已加载成功后,打开网页,等到网页加载完成时,点击右上角的插件,点击按钮,相应的信息会出现在控制台。
- clone & load unpacked
- click & see in the console
Thx to 草榴社区-1024研究所草榴前端工程师