码迷,mamicode.com
首页 > 其他好文 > 详细

Perfmap:前端性能热点图

时间:2014-10-13 20:10:37      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:blog   http   io   os   使用   ar   java   strong   sp   

介绍

Perfmap是一个可以调用浏览器的Resource Timing API来根据页面前端资源(如图片)的加载时间生成性能热点图js插件。需要浏览器支持Resource Timing API

使用

在书签栏上把以下js代码添加为书签(即替换网址)

javascript:(function(){var el=document.createElement(‘script‘);el.src=‘https://zeman.github.io/perfmap/perfmap.js‘;document.body.appendChild(el);})();

效果

bubuko.com,布布扣

方框内的第一个数字表示页面显示该图片所耗时间,第二个数字表示浏览器加载该图片所耗时间.

Github

zeman/Perfmap



Enjoy.

Perfmap:前端性能热点图

标签:blog   http   io   os   使用   ar   java   strong   sp   

原文地址:http://my.oschina.net/hanasite/blog/330246

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!