下面是一个比较友好的图片代码:
<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、统计代码放在页尾 。
推荐阅读
- 网页设计色彩及网站配色
- 怎样优化网站设计的内容
- 网页制作如何从运营的角度完成
- 影响网页内容的七种设计误区
- 网站导航如何做SEO优化 又快又准是关键
- 网站优化之网页设计过程中要明确哪些布局细节
- SEO网站优化的7个技巧
- 网页设计师必须知道的10个网页设计技巧
- SEO优化:网站优化要注意的八大细节
- 浅谈网页设计技巧