【网站测试工具】-测试网页速度用YSlow网站策划维护工具.doc

测试网页速度用YSlow网站策划维护工具YSlow是yahoo美国开发的一个页面评分插件非常的棒从中我们可以看出我们页面上的很多不足并且可以知道我们该怎么去改进和优化。仔细研究了下YSlow的评分规则。主要有12条：1.MakefewerHTTPrequests尽可能少的http请求。。我们有141个请求（其中15个JS请求3个CSS请求47个CSSbackgroundimages请求）多的可怕。思考了下为什么把这个三种请求过多列为对页面加载的重要不利因素呢而过多的IMG请求并没有列为不利因素呢？发现原来这些请求都是可以避免的。15个JS和3个CSS完全可以通过特殊的办法进行合并（这个技术部已经帮我们解决了实在是太感谢了嘿嘿。）这样合并以后一般情况下页面上只会出现一个JS和一个CSS（对JS的封装得有一定的要求）。但是47个CSSbackgroundimages请求改怎么解决呢？为什么页面上的纯IMG请求时合理的而CSSbackgroundimages请求过多就是不利因素了呢。这个我想了很久总算明白原来是这样的：一般页面上的ICON栏目背景啊图片按钮啊我们都会用图片CSS背景来实现而一般这个图片CSS背景用到的图片都是比较小的所以完全可以把这些图片合并成一个相对比较大的图片这样页面上只会出现一个CSSbackgroundimages请求最多也就2-3个。后来仔细看了下雅虎美国的页面他们的确也是这样做的虽然这样做需要花一定的时间来有规则的合并这些ICON栏目背景图片按钮以方便CSS调用但是这样做绝对是合算的而且是有必要的YSlow也是极力推荐的。2.UseaCDN这项我们的评分是F级最低。说实在的我刚开始什么是CDN都不知道。后来查了GOODLE才知道。CDN的全称是ContentDeliveryNetwork即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构将网站的内容发布到最接近用户的网络”边缘”使用户可以就近取得所需的内容解决Internet网络拥挤的状况提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等原因所造成的用户访问网站响应速度慢的问题。看来上述的解释后基本上明白了CDN是怎么回事后来咨询了下中文站点SA得知我们网站目前的确还没有做CDN的优化但是据说我们有更加先进的技术来解决类似的问题（具体什么技术那就保密了）但是毕竟CDN也是个相当不错的技术所以在我们先进技术的基础上在做CDN优化肯定比现在更好嘿嘿。据说SA明年会做几个点的CND。3.AddanExpiresheader设置过期的HTTPHeader.设置ExpiresHeader可以将脚本样式表图片Flash等缓存在浏览器的Cache中.其实我们网站也做了这个优化至少图片在这个上做过优化但是没有做完全。我们的CSS和JS都还没有做过优化倒是外部引入的一个广告JS做了呵呵。其实设置过期的HTTPHeader更应该做在脚本样式表Flash上.不过据说这个SA也是没有做的但是有一定的风险因为JS和CSS是有一定的逻辑如果服务器端和客户端都存在缓存的话万一出了什么问题对我们以后查找问题的所在和增加难度不过我想两者中是可以权衡和并存的。4.Gzipcomponents对我们的页面内容进行Gzip格式的压缩Gzip格式是一种很普遍的压缩技术几乎所有的浏览器都有解压Gzip格式的能力而且它可以压缩的比例非常大一般压缩率为85%就是说服务器端100K的页面可以压缩到25K左右的Gzip格式的数据发给客户端客户端收到Gzip格式的数据后自动解压缩后显示页面。这点我们网站基本上是100%做到了但是我们这项的评分并没有达到想象中的A级原因是出在我们的外部链接比如我们首页有外部的广告投放JS这个JS说拥有的网站是没有做过GZIP优化连累了我们网站所以我们也只有B或者C级：5.PutCSSatthetop把CSS外部链接放到页面的顶部。其实这个原则我们一般都遵守的如果把CSS外部链接作为逻辑的一部分出现在页面头部以下我个人觉得这个本身就是个错误。还好我们的页面基本上都做到了可是有些页面比如LIST页面还是出现了和逻辑挂钩的CSS链接原因是为了解决一些本来就不合理的产品逻辑。所以我们