WebPageTest 性能测试工具介绍

 WebPageTest 

Source Code:  http://code.google.com/p/webpagetest/

 

WebPageTest是一个免费的网站性能测试工具, 使用New BSD协议(提供了很大的自由度给开发人员)，相对于基于Firefox上Yslow，page speed等网站测速工具，WebPageTest支持IE，Chrome，对于国内大多数只支持IE 的网站，可以优先考虑使用WebPageTest，当然其他工具测试指标会有些不同，这个就按需选择了。

该网站从全球不同地点访问网站，是网站测速简单易用的工具，当然也可以下载源文件自行搭建该工具，WebPageTest提供了友好的测试结果报表，包括资源加载瀑布图，网页速度优化检查以及改进的建议。并且针对以下几点做了指标分析:

First byte Time 首字节时间	适用对象	访问页面第一个字节所花费时间 (后台处理 + 重定向时间)
	检查项	目标时间包括DNS寻址时间+建立连接时间(Socket) + SSL认证时间 + 100ms。 当超过目标时间每100ms时， 性能评定将降低一个等级，最好的等级为A，下面截图中可以看到news.163.com 等级评定为F，则比目标时间超出了500ms，当然也可以看细想分析文件。
Keep-Alive 持久连接	适用对象	同一个域名下多个页面对象使用了同一个连接(Socket)
	检查项	响应头文件包含"Keep-Alive"的指令或者在给定的主机中多个对象中使用同一个连接
GZIP text GZIP压缩	适用对象	MIME 类型为"text/*" 或 "*javascript*"的所有对象
	检查项	检查Transfer-encoding来看是否为GZIP，如果不是则结果中会提供说明该文件是压缩过以及提供压缩比率(因此一个文件可以节省30%的大小，通过压缩即产生了源文件70%大小的文件)
Compress Images 图片压缩	适用对象	JPEG图片
	检查项	对比使用photoshop质量选择为50后的文件大小，尺寸超出10%为达标，10%~50%为警告，超出50%为不达标 总体评分为图片重压缩后占原文件的百分比。
Using progressive JPEGs	适用对象	所有JPEG图片
	检查项	检查每个JPEG图片文件并计算分数，分数为图片的压缩比(压缩文件大小/原文件大小)
Cache Static 静态缓存	适用对象	符合以下情况的任意的非html对象 MIME类型为 "text/*","*javascript*"或者"image/*"，此类没有明确标明过期时间(0或者-1）， cache-control header设置为private,non-store 或者non-cache pragma header 设置为no-cache
	检查项	存在一个”Expires“ header(而不是0或者-1),或者设置cache-control: max-age并设置为一个小时或超过一个小时。 当过期时间设置小于30天，将评定为警告
Using a CDN 使用CDN	适用对象	所有静态的非HTML内容(css, js 以及图片)
	检查项	检查是否托管在一个已知的CDN上(CName映射到一个已知的CDN网络上).超过整体页面80%为静态资源时，则需要考虑使用CDN，将静态资源托管在CDN上，你可以从这里知道当前已知的CDN 很有意思的事情，看了国内外各新闻网站，CDN使用的评定大部分为X，也就是都用的不好，但是times.com评定很好，有点好奇。

 http://www.webpagetest.org/result/140310_XR_15SJ/1/performance_optimization/#first_byte_time

以下为webpagetest的简单的测试结果，测试了http以及https网站:

以news.163.com 为例：

Https网站测试：

看来SSL连接花费的时间还不少:)

 后续会继续增加WebPageTest各参数设置以及测试比较结果  ：） 个别参数还是很好用的，同时也让开发人员更好的人数开发中的各种做法对于性能的影响.