WebPageTest 性能测试工具介绍

最新推荐文章于 2022-12-27 20:12:15 发布

weixin_34259232

最新推荐文章于 2022-12-27 20:12:15 发布

阅读量206

点赞数

文章标签： javascript photoshop 运维 ViewUI

原文链接：https://my.oschina.net/pgmp/blog/208039

版权

为什么80%的码农都做不了架构师？>>>

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评定很好，有点好奇。