WEB 页面设计的性能测试

2008-03-22 23:33:49



推荐一个 WEB 页测试工具——Yahoo 出品 YSlow,是个 Firefox 下的 FireBug 插件,从14个方面来检查页面的性能

简单讲,设计网站页面的时候,多考虑下面这些方面:(其中有几点是对WEB服务器设置方面的)


1、尽可能的减少 HTTP 的请求数
2、使用 CDN(Content Delivery Network)(对个人站点,这个就算了)(服务器设置)
3、添加 Expires 头(或 Cache-control)(服务器设置)
4、Gzip 组件(页面压缩)(服务器设置)
5、将 CSS 样式放在页面的上方。
6、将脚本移动到底部(包括内联的)
7、避免使用 CSS 中的 Expressions
8、将 JavaScript 和 CSS 独立成外部文件
9、减少 DNS 查询
10、压缩 JavaScript 和 CSS (包括内联的)
11、避免重定向
12、移除重复的脚本
13、配置实体标签(ETags)(服务器设置)
14、使 AJAX 缓存 (减少重复数据的载入)

详细请访问 http://developer.yahoo.com/performance/rules.html (英文)

对上面几个名称解释下:

CDN(Content Delivery Network):全称是内容分发网络,其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络“边缘”,使用户可以就近取得所需的内容,提高用户访问网站的响应速度。

Expires 头:页面失效时间,在这段时间内一个网页或URL地址直接读取浏览器缓存,一旦超过则需重新去服务器获取。Cache-control 类似。

CSS 中的 Expressions:CSS中也有类似程序设计的简单判断,类似IF ELSE 这样的,但执行代价较高,稍复杂点就会造成浏览器假死,非常不有好。

ETags:被请求变量的实体值。Etag 作用给浏览器缓存使用,通过Etag,浏览器就可以知道现在的缓存中的内容是不是最新的,需不需要重新从服务器上重新下载。

lovehr 2008-04-02 00:06:43
一定要学习这些技术,要不太难和你们沟通了。。

近期文章