新版本Yslow 22项评分标准

对于一个WEB前端工作者来说,Yslow绝对是一款必不可少的性能优化工具,可以方便地查出是哪些因素影响了你的网页性能。
yshow

新版本的Yslow共有22条指标,比原来的多了9条。还可以自定义规则,新版本Yslow有三个内置的规则:V2、V1、小型站和博客,V2的指标最多,包括所有22项指标,而V1则只包括上一个版本的13条指标。你可以完全设置自己的规则,这样就可以比较灵活,也更客观实际的分析自己的网站。另外,还增加了一些网站的优化工具,比如Smush.it、JS Minified、 JS Beautified等等。

在这里我只列举一下新增的那9条指标了,其它的可以看另一篇网站优化——Yslow评分标准。由于是本人自行翻译的,如有错漏还请达人指出。

Make AJAX cacheable
设置AJAX的缓存。当前AJAX的应用越来越广泛,AJAX的信息读取是异步的,这也表示用户不一定会等待这异步的响应,为避免重复的AJAX请求,设置缓存是优化性能的一个好方法。

Use GET for AJAX requests
用GET获取AJAX请求。又是一条有关AJAX的。AJAX的传值可用GET跟POST,在这里建议使用的是GET。

Reduce the number of DOM elements
减少页面DOM节点。也就是讲究页面代码的简洁,一个复杂的页面不仅增大页面的体积,也会对JavaScript访问DOM元素产生影响。

Avoid HTTP 404 (Not Found) error
避免404错误页面的出现。这个应该不用怎么解释了,不管从服务器资源还是用户体验上来说,都是不好的。

Reduce cookie size
减少cookie的大小。cookie一般用于身份验证等用途,一般说来cookie被限制在4K以内,尽量控制 Cookie 的大小,不要塞入一些无用的信息。

Use cookie-free domains
使用域名无关性的Cookie。这里是有关静态服务器的问题,主要是指一些静态文件比如说图片、CSS等等,比如说YAHOO,他的静态文件都在 yimg.com 上,客户端请求静态文件的时候,减少了 Cookie 的反复传输对主域名的影响。

Avoid AlphaImageLoader filter
避免AlphaImageLoader滤镜的使用。这个几乎都是用在IE6下解决PNG透明的问题上的。而为了实现此效果而牺牲的性能来说,是很不合算的。

Do not scale images in HTML
不要对图片进行缩放。也就是图片的实际大小大于他的显示必要,比如一个800*600的图片,而我们在页面上只显示的是400*300的大小,那么这便是一种服务器资源的浪费。

Make favicon small and cacheable
使图标尽可能小,并使用缓存。这里指的是favicon.ico了,设置favicon.ico缓存可以避免频繁的页面请求。

相关文章

Moondy 发表于 2009-6-26 3,106 Views | 类别: Xhtml/Css

评论

:icon07 :icon02 :icon16 :icon23 :icon37 :icon05 :icon38 :icon35 more »
(Ctrl + Enter)