Tancy's Blog

Alimf

经过几个月的开发Alimf终于可以和大家见面了…

Alimf是一款为前端开发同学量身定做的分析网页性能的工具让你可以直观的观看手机App中H5页面的性能问题.

Alimf.com

App UI

首先我们来看看手机App(暂时只支持iOS)的界面,操作非常简单,只要输入URL或者扫URL的二维码,点击开始,App就会启动webview运行你输入web站点从而将抓取的的数据整理成标准的HAR格式并上传到alimf站点。此时App会显示浏览分析结果的URL地址。
Alimf手机APP

分析概览

从app中得到结果的URL后,我们可以在浏览器中输入URL查看分析结果。下图就是分析结果的概览信息,我们可以大致了解网页的性能,如加载时间,瀑布图等。
分析概览

分析详情

为了进一步分析网页的性能情况,我们可以点击Detail查看更为详细的信息。如:每个请求的基本HTTP头部信息,加载时间,等待时间,结果信息等。

分析详情

域名列表

此页为统计了这个网页中所有请求的域名及占比情况

域名列表

截图视图

截图的功能可以很好的反应我们的网页在每1毫秒的变化情况,可以真实感受到线上环境的加载&性能的体验。

截图视图

待续未完

app现在只是前期功能,后面会开发更为高级的功能,敬请期待…