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 为例:

WebPageTest 性能测试工具介绍_第1张图片

WebPageTest 性能测试工具介绍_第2张图片

WebPageTest 性能测试工具介绍_第3张图片

WebPageTest 性能测试工具介绍_第4张图片

WebPageTest 性能测试工具介绍_第5张图片

Https网站测试:

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

WebPageTest 性能测试工具介绍_第6张图片

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


你可能感兴趣的:(WebPageTest 性能测试工具介绍)