A front-end performance heatmap of resources loaded in the browser using the Resource Timing API.
The heatmap colours and the first ms value indicate at what point in the page load did the image finished loading. It's a good indicator of user experience. "It took 3450ms before the user saw this image." The second value in brackets is the time it took the browser to load that specific image.
The legend attached to the bottom of the page shows timings for the full page load and hovering over a coloured area on the heatmap will move the timeline indicator to show you when that image was fully loaded.
Code: https://github.com/zeman/perfmap
查看更多
相关插件
文章推荐
-
Recent History插件，查看浏览器历史记录+最近关闭标签页
1199 2020-06-22 -
Hippo Video，视频在线录制/编辑插件，支持屏幕录制
1165 2020-02-11 -
Edge将被取代！微软正在开发基于Chromium的浏览器！
2052 2018-12-04 -
Axhub Icons插件，一键复制iconfont图标到Axure
915 2020-09-24 -
Bilibili Connect插件，自定义B站布局、屏蔽视频及up主
1574 2020-11-16 -
Taobao Virtual Cart插件，淘宝天猫离线购物车，可导出商品信息表格
1663 2020-07-28
Chrome插件推荐
最新Chrome插件
最新搜索
扩展迷QQ交流群
398095333
评论
全部评论
展开更多评论