如何提高网页打开速度!
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也有好处。
八、有些内容可以静态化就将其静态化,以减少服务器的负担。
九、统计代码放在页尾。
一、优化图片
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也有好处。
八、有些内容可以静态化就将其静态化,以减少服务器的负担。
九、统计代码放在页尾。
相关文章推荐
- dedecms如何提高网页打开速度
- 网站打开速度优化:如何提高网页加载速度,提升网页打开速度
- 如何提高网页打开速度?
- 手把手教您如何提高网页打开速度?
- 如何提高网页打开的效率和速度
- 如何查看一个网页打开速度
- 商城网站建设在程序方面如何提高网站打开速度和页面加载速度
- 从浏览者访问网页的流程来看如何提高系统反应速度(2)--服务端网页的执行
- 【php】如何提高网页加载速度?
- 提高网页打开速度的一些小技巧
- 如何加速网页的打开速度?
- 如何提高网页加载的速度
- 网站设计:提高网页打开速度的技巧
- 如何提高大字符串(是从文本文件读取出来的,有2M多)在网页中的显示速度
- 【代码优化】如何提高网页加载速度
- 提高网页打开速度的一些小技巧
- 如何在win7系统下提高打开IE浏览器的速度
- wordpress 禁用gravatar使用本地头像提高网页打开速度
- 提高网页打开速度的一些小技巧
- 提高网页打开速度技巧