当浏览器知道了高度和宽。分享优化网页加载速度的7个小技巧( 二 )。" />

分享优化网页加载速度的7个小技巧( 二 )


下面是一个比较友好的图片代码:
<img id="logo" width="116" height="45" src=http://www.ljsggw.cn/office/"http://www.3lian.com/images/logo.gif" alt="logo image" />
当浏览器知道了高度和宽度参数后,即使图片暂时无法显示,页面上也会腾出图片的空位,然后继续加载后面的内容 。从而加载时间快了,浏览体验也更好了 。
六、减少http请求
当浏览者打开某个网页,浏览器会发出很多对象请求(图像、脚本等等),视乎网络延时情况,每个对象加载都会有所延迟 。如果网页上对象很多,这可以需要花费大量的时间 。
因此,要为http请求减负 。如何减负?
1、去除一些不必要的对象 。
2、将临近的两张图片合成一张 。
3、合并CSS
看看下面这段代码,需要加载三个CSS:
<link rel="stylesheet" type="text/css" href=http://www.ljsggw.cn/office/"/body.css" />
<link rel="stylesheet" type="text/css" href=http://www.ljsggw.cn/office/"/side.css" />
<link rel="stylesheet" type="text/css" href=http://www.ljsggw.cn/office/"/footer.css" />
我们可以将其合成一个:
<link rel="stylesheet" type="text/css" href=http://www.ljsggw.cn/office/"/style.css" />
从而减少http请求 。
七、其它小技巧
1、去除不必要加载项 。
2、如果在网页上嵌入了其它网站的widget,如果有选择余地,一定要选择速度快的 。
3、尽量用图片代替flash,这对SEO也有好处 。
4、有些内容可以静态化就将其静态化,以减少服务器的负担 。
5、统计代码放在页尾 。


推荐阅读