网站设计时，提高网站载入速度

由于服务器质量不一，带宽有限，以及国际间访问问题，为加快访问速度，节约流量，优化一张网站设计还是非常必要的。

一、图片的优化
1、去除不必要的图片。背景可以自动重复图片，包括X方向和Y方向。单纯背景的图片可以用CSS定义。
2、选择正确的格式。GIF中的索引模式是最适合WEB的格式，同质量的图片，索引模式下可以减少至少一半的体积。
3、降低图像质量。可以用fireworks对图片进行优化，与ps相比，体积更小（不过质量更低）。
4、标明图像的高度和宽度，有利于网页在加载过程中结构保持一致。

二、优化CSS和JS
1、CSS简写。比如，#FFFFFF可以简写成#FFF,#990099可以简写成#909。padding、border、background、margin各属性，都可以达到简写的效果。
2、去除不必要的换行和空格。最典型的应用是google的JS文件，全部在一行里。对于可读性变得更差了，但是效率增加不少，体积更小。可以为自己的网站建两个版本，一个是开发版，一个发布版，解决这个问题。同样，CSS也可以去除不必要的空格和换行。

三、减少HTTP请求
1、IE一次只能同时有两个HTTP连接。一些网站用分开图片服务器的方式来优化，比如image1.xxxx.com,image2.xxxx.com,image3.xxxx.com……
2、合并JS文件和CSS文件来减少HTTP请求数。
四、其他技巧
1、在目录URL后加“/”，比如xxx.com/article/
以上技巧希望对网页设计师们有所帮助。

转发请注明：丁丁猫

• 上一篇
• 下一篇