一个网站打开的速度有多快?除了机房带宽,线路,IP级别,等不能或不好改变的因素外,跟网站本身的程序也有很大关系,这里谈谈一个测试工具,YSLOW,测测网站的内部因素以提升用户的访问速度;
YSLOW是FIREFOX的一个插件,所以必须先装FIREFOX,下载地址http://www.mozilla.org.cn
YSLOW是建立在FIREBUG基础上的,用FIREFOX装入FIREBUG地址:https://addons.mozilla.org/zh-CN/firefox/addon/1843
然后就可以装入YSLOW了,地址:http://developer.yahoo.com/yslow
OK,安装好YSLOW后会发现FIREFOX下面多了一个半时钟的图标,打开你的网站后点一下这个图标就可以测试用户的体验速度了,测验结果就如下面:
Performance Grade: A (96) | Expand All Collapse All |
A | 1. Make fewer HTTP requests |
D | 2. Use a CDN |
A | 3. Add an Expires header |
A | 4. Gzip components |
A | 5. Put CSS at the top |
A | 6. Put JS at the bottom |
A | 7. Avoid CSS expressions |
n/a | 8. Make JS and CSS external
Only consider this if your property is a common user home page.
|
A | 9. Reduce DNS lookups |
A | 10. Minify JS |
A | 11. Avoid redirects |
A | 12. Remove duplicate scripts |
A | 13. Configure ETags |
评分A就是最好 F就是最差.
评测出的问题按旁边的小三角就可以了;
这里简略说下各个问题的解决方案
1: Make fewer HTTP requests
指的是尽量少发出较少的HTTP请求,除了目前载入的页面之外,还包括JS,CSS,图片文件等等,在CSS里面的一个背景图片也算是一次请求,所以,根据网站目前的情况,尽量减少发送请求的数量吧.嘿嘿;
2:Use a CDN:
使用CDN网络,将页面中的静态资源分布到离用户最近的网络节点上,目前对大多数网站来说,不怎么现实,就不说了
3:Add an Expires header:
给静态文件增加过期时间,这个本人小试了下,的确增加过期时间后页面访问速度快了很多,静态文件在访问中的状态也都从304(Not Modified 未改良的)变成了200(OK),不过这个得在服务器上设置,IIS->HTTP响应头->设置,APACHE改配置Expires值改成永不过期就OK了.至于程序如何响应HTTP头状态,还没研究出来,听说是有些API可以控制HTTP响应的,有锅底精神的自己去研究吧
4:Gzip components
跟第三点相同,要在WEB容器上设置,IIS-压缩-启动动态压缩
5,6:Put CSS at the top,Put JS at the bottom
CSS放在上面,JS放在下面.能放就放吧
7:Avoid CSS expressions尽量不要用CSS表达式.
8:Make JS and CSS external把JS和CSS都独立出来,做成独立的文件
9:Reduce DNS lookups减少DNS的查找,嘿嘿,这个尚不明确
10:Minify JS;最小化JS.把JS上面没用的东西都去掉,减少JS体积
11:Avoid redirects尽量不要重新转向
12:Remove duplicate scripts去掉重复的脚本
13:Configure ETags配置ETAGS,不知道什么东西,很多网络服务商在搞
总之,根据自己的情况解决简单的先吧..如果觉得累,无聊的话,以后做站点就按这些标准去做喽,^_^~