前端工程师-高级WEB网站前端开发测试指南

下载后可任意编辑WEB 性能测试工具主要分为三种，一种是测试页面资源加载速度的，一种是测试页面加载完毕后页面呈现、JS 操作速度的，还有一种是总体上对页面进行评价分析，下面分别对这些工具进行介绍，假如谁有更好的工具也请一起分享下。AD： Firebug:Firebug 是 firefox 中最为经典的开发工具，可以监控请求头，响应头，显示资源加载瀑布图：HttpWatch :httpwatch 功能类似 firebug，可以监控请求头，响应头，显示资源加载瀑布图。但是 httpwatch 还能显示 GZIP 压缩信息，DNS 查询，TCP 链接信息，个人在监控 http 请求比较喜爱使用 httpwatch，httpwatch 包含 IE 和 firefox 插件。不过 httpwatch 专业版本是收费的，免费版本有些功能限制。下载后可任意编辑DynaTrace's Ajax Edition：dynaTrace 是本人常使用的 1 个免费工具，该工具不但可以检测资源加载瀑布图，而且还能监控页面呈现时间，CPU 花销，JS分析和执行时间，CSS 解析时间的等。Speed Tracer:下载后可任意编辑speed trace 是 google chrome 的 1 个插件，speed trace 的优势点是用于监控 JS 的解析执行时间，还可以监控页面的重绘、回流，这个还是很强的(dynaTrace 也能有这个功能)。注：安装这个插件，需要安装 Google Chrome Developer Channel 版本，但是这个链接的地址在国内好像打不开，假如打不开，请大家直接到这个地址去下载：http://www.google.com/chrome/eula.html?extra=devchannelPage Speed :Page speed 是基于 firebug 的 1 个工具，主要可以对页面进行评分，总分 100 分，而且会显示对各项的改进意见，Page Speed也能检测到 JS 的解析时间。下载后可任意编辑yslow :yslow 跟 pge speed 一样是基于 firefox\firebug 的插件，功能与 page speed 类似，对各种影响网站性能的因素进行评分，yslow 是 yahoo 的工具，本人也一直在使用，推举一下。webpagetest :webpagetest 是 1 个在线进行性能测试的网站，在该网站输入你的 url，就会生成 1 个 url 加载的时间瀑布图，对所有加载的资源(css,js,image 等等)列出优化的清单，也是非常好用的工具。 下载后可任意编辑 附录资料：不需要的可以自行删除WEB 服务器控件在 ASP.NET 中，Web Form 能容纳的对象主要是 Server Control（服务器端控件）。控件叫服务器端的，因为这些控件都是服务器端来处理的。Server Control...