您的位置:首页 > 职场人生

如何提高网页打开速度!

2008-12-06 19:41 302 查看
我们在打开一些网站时,感觉有些网站一下就打开了,而有的网站却要等待半天。这是什么原因呢。我现在来说说一些提高网页打开速度的办法:
  一、优化图片
  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。
  三、网址后加斜杠
  有些网址,比如"www.shufangzhai.com",当服务器收到这样一个地址请求的时候,它需要花费时间去确定这个地址的文件类型。如果30是一个目录,不妨在网址后多加一个斜杠,让其变成www.shufangzhai.com/,这样服务器就能一目了然地知道要访问该目录下的index或default文件,从而节省了加载时间。
  四、标明图片的高度和宽度
如下图片代码:
<img height="100" width="75" src=/upimg/allimg/080518/1551110.jpg alt=" image" />
  
当浏览器知道了高度和宽度参数后,即使图片暂时无法显示,页面上也会腾出图片的空位,然后继续加载后面的内容。从而加载时间快了,浏览体验也更好了。
  五、去除不必要加载项。
六、如果在网页上嵌入了其它网站的widget,如果有选择余地,一定要选择速度快的。
  七、尽量用图片代替flash,这对SEO也有好处。
  八、有些内容可以静态化就将其静态化,以减少服务器的负担。
  九、统计代码放在页尾。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  职场 网页 优化