我们在打开一些网站时,感觉有些网站一下就打开了,而有的网站却要等待半天。这是什么原因呢。我现在来说说一些提高网页打开速度的办法:
一、优化图片
1、减少图片数,去除不必要的图片。
2、降低图像质量。
3、使用恰当的格式:使用JPG、GIF、或是PNG格式。
二、优化CSS
CSS叠层样式表让网页加载起来更高效,浏览体验也得到提高。但有时我们在写CSS的时候会使用了一些比较罗嗦的语句,比如这句:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
你可以将它简化为:
margin: 10px 20px 10px 20px;
又或者这句:
<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>
可以用div来包含:
<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>
这样简化CSS能去除冗余的属性,提高运行效率。如果你写好CSS后懒得去做简化,你可以使用一些在线的简化CSS工具,比如CleanCSS。
三、网址后加斜杠
四、标明图片的高度和宽度
如下图片代码:
<img height="100" width="75" src=/upimg/allimg/080518/1551110.jpg alt=" p_w_picpath" />
当浏览器知道了高度和宽度参数后,即使图片暂时无法显示,页面上也会腾出图片的空位,然后继续加载后面的内容。从而加载时间快了,浏览体验也更好了。
五、去除不必要加载项。
六、如果在网页上嵌入了其它网站的widget,如果有选择余地,一定要选择速度快的。
七、尽量用图片代替flash,这对SEO也有好处。
八、有些内容可以静态化就将其静态化,以减少服务器的负担。
九、统计代码放在页尾。