前端性能测试与评估

1. selenium + showslow + yslow 自动化前端性能测试平台

2. 工具

工具	描述	附注
chrome开发工具	对于评估性能有两个非常有用的标签：Audits 和 Network 】Audits ： 给出优化建议 】network DOMContentLoaded 事件 500MS   onload 事件  1S  】 使用”3步快照”技术来找出JavaScript内存泄露 打开开发者工具并且切换到Profiles面板里； 在页面执行一个能引起内存泄露的操作； 点击“Take Snapshot”来执行一个堆快照； 重复执行步骤 2 和步骤 3 三次； 选择最后一个堆快照； 将过滤器从“所有对象”改为“快照 1 和 2 之间的对象”；	改变颜色模式&自定义调色板 开发者工具支持在rgba、hsl和hexadecimal来回切换颜色模式和实时编辑预览页面颜色。 实现： 改变颜色模式：Shift + 点击鼠标 自定义调色板：点击样式区域颜色前面的小方块 http://www.open-open.com/news/view/2fc4af/ https://blog.wilddog.com/?p=680&utm_source=baidu.keywords&utm_medium=cpc&utm_content=blog&utm_campaign=orangemarch
yslow	F5 整个网页加载的次序，时间段，还有加载资源的大小等信息了 chrome/ff 插件 http://ssffx.com/SEOjishu/1007.html	类似工具： PageSpeed目的是让开发者可以发现网站的性能问题并针对其规则进行优化
Speed Tracer	Chrome插件 开源 借助Speed Tracer，您可以更好地了解在应用程序中的哪些地方消耗了时间， 并可以解决JavaScript语法分析和执行、CSS式样以及更 多方面的问题	http://www.oschina.net/p/speed+tracer/similar_projects?lang=19&sort=view&p=5
DynaTrace Ajax Edition	基于IE，firefox的插件	DynaTrace优化建议规则： http://community.dynatrace.com/ext/ajax/PUB/Best+Practices+on+Web+Site+Performance+Optimization
WebPageTest	是google 开源项目”make the web faster “的子项目(“make the web faster包括page speed,spdy,tcpm等等”) 最早是在AOL内部使用的，现在已经开源	安装地址： http://www.51testing.com/html/15/n-1360715-2.html http://blog.sina.com.cn/s/blog_672a35690101up85.html http://blog.csdn.net/yehuijun/article/details/6903358