i社区用户: 密码:
搜索:
首页| 资讯| 信息化| 视频| 专题| 创业| 企业中心| 企业博客| 职场| 周报全文| 方案中心 |电子杂志
市场会展| Blog| i社区| 社区联盟| RSS| 直播 | 发行| wiki |i| 下载| 英才招聘|CIO文库
IT两会 | 互联网年会
产品中心| 笔记本|台式机| DIY|数码| 服务器|网络通信| 手机|软件|显示器|信息安全|存储|组网| 动漫
 软件频道 软件资讯应用教程软件评测下载中心软件发布产业动态    
 
如何提高网页打开速度!
 
 
 
 
2008-05-19 18:34:26
 
   
  如何提高网页打开速度!

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

一、优化图片

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。

三、网址后加斜杠

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

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

如下图片代码:

<img  height="100" width="75" src=/upimg/allimg/080518/1551110.jpg alt=" image" />

  

浏览器知道了高度和宽度参数后,即使图片暂时无法显示,页面上也会腾出图片的空位,然后继续加载后面的内容。从而加载时间快了,浏览体验也更好了。

五、去除不必要加载项。

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

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

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

九、统计代码放在页尾。

(来源:站长网)

 
   
  (网页编辑:海虹  
   
   
     
      如果您对“如何提高网页打开速度!”有任何疑问要咨询,或者您对我们专家的解答有任何疑义,请您点击以下的链接提交意向单,我们的编辑和信息化专家将会很快为您做出回答,您提供的信息经过审核后将有机会出现在我们的网页上。
专家介绍
惠普ProCurve构筑安全网络
  文章搜索
  本周TOP10
 
相关文章
  发表评论  您的姓名   您的Email   发布  
   
  推荐文章  您朋友的电子邮件地址: 立即发送  
关于我们 | 客服热线 | 广告服务 | 招聘信息 | 法律声明 | 投稿指南 | 联系方式 
Copyright(C) ccw.com.cn,All rights reserved
中国计算机世界出版服务公司内容版权所有
京ICP证010182