分类:
2009-11-02 15:01:13
网络的速度虽然提高了很多,但是由于服务器质量不一样,带宽有限,以及国际间访问量的多少,为加快网站及网页打开速度,节约流量,给网页优化也是必须的。
一、图片的优化
1、选择正确的格式。GIF中的索引模式是最适合WEB的格式,同质量的图片,索引模式下可以减少至少一半的体积。
2、去除不必要的图片。背景可以自动重复图片,包括X方向和Y方向。单纯背景的图片可以用CSS定义。
3、标明图像的高度和宽度,有利于网页在加载过程中结构保持一致。
4、降低图像质量。可以用fireworks对图片进行优化,与ps相比,体积更小(不过质量更低)。
二、优化CSS和JS
1、去除不必要的换行和空格。最典型的应用是google的JS文件,全部在一行里。对于可读性变得更差了,但是效率增加不少,体积更小。可以为自己的网站建两个版本,一个是开发版,一个发布版,解决这个问题。同样,CSS也可以去除不必要的空格和换行。
2、CSS简写。比如,#FFFFFF可以简写成#FFF,#990099可以简写成#909。padding、border、background、margin各属性,都可以达到简写的效果。
三、减少HTTP请求
1、IE一次只能同时有两个HTTP连接。一些网站用分开图片服务器的方式来优化,比如image1.xxxx.com,image2.xxxx.com,image3.xxxx.com……
2、合并JS文件和CSS文件来减少HTTP请求数。
四、其他技巧
1、在目录URL后加“/”,比如xxx.com/article/
看看: 北京做网站