当前位置:首页 > 网站运营 > 经验心得 > > 如何提高网页打开速度!

如何提高网页打开速度!

点击次数:45 次 发布日期:2008-11-16 10:08:42 作者:源代码网
源代码网推荐

源代码网整理以下我们在打开一些网站时,感觉有些网站一下就打开了,而有的网站却要等待半天。这是什么原因呢。我现在来说说一些提高网页打开速度的办法:

  一、优化图片

  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.pipiflash.com/30",当服务器收到这样一个地址请求的时候,它需要花费时间去确定这个地址的文件类型。如果30是一个目录,不妨在网址后多加一个斜杠,让其变成www.pipiflash.com/30/,这样服务器就能一目了然地知道要访问该目录下的index或default文件,从而节省了加载时间。

  四、标明图片的高度和宽度

如下图片代码

<img  height="100" width="75" src=/upimg/allimg/080518/1551110.jpg alt=" image" />
  
当浏览器知道了高度和宽度参数后,即使图片暂时无法显示,页面上也会腾出图片的空位,然后继续加载后面的内容。从而加载时间快了,浏览体验也更好了。

  五、去除不必要加载项。

        六、如果在网页上嵌入了其它网站的widget,如果有选择余地,一定要选择速度快的。

  七、尽量用图片代替flash,这对SEO也有好处。

  八、有些内容可以静态化就将其静态化,以减少服务器的负担。

  九、统计代码放在页尾。

源代码网供稿.
网友评论 (0)
会员中心
网站运营
本站推荐
网站运营之精华