Chinaunix首页 | 论坛 | 博客
  • 博客访问: 5353
  • 博文数量: 18
  • 博客积分: 1403
  • 博客等级: 上尉
  • 技术积分: 205
  • 用 户 组: 普通用户
  • 注册时间: 2009-07-28 09:37
文章分类
文章存档

2011年(1)

2010年(2)

2009年(15)

我的朋友
最近访客

分类:

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/

看看:   北京做网站


阅读(118) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~