one-long

标题: 如何提高网页打开速度！ [打印本页]

作者: test 时间: 2016-8-25 09:51
标题: 如何提高网页打开速度！
如何提高网页打开速度！

   信息来源：网络作者：佚名发布时间：2008-10-22浏览：我要评论

推一把网络营销精英培训新一期即将开课，本期新增移动电商、微商、O2O、自媒体、社群等方面的课程，现在报名就送江礼坤老师亲笔签名的最新版《网络营销推广实战宝典》一书。欢迎咨询QQ：800007518！

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

　　一、优化图片

　　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;
又或者这句：

%26lt;p class="decorated"%26gt;A paragraph of decorated text%26lt;/p%26gt;
%26lt;p class="decorated"%26gt;Second paragraph%26lt;/p%26gt;
%26lt;p class="decorated"%26gt;Third paragraph%26lt;/p%26gt;
%26lt;p class="decorated"%26gt;Forth paragraph%26lt;/p%26gt;
可以用div来包含：

%26lt;div class="decorated"%26gt;
%26lt;p%26gt;A paragraph of decorated text%26lt;/p%26gt;
%26lt;p%26gt;Second paragraph%26lt;/p%26gt;
%26lt;p%26gt;Third paragraph%26lt;/p%26gt;
%26lt;p%26gt;Forth paragraph%26lt;/p%26gt;
%26lt;/div%26gt;

　　这样简化CSS能去除冗余的属性，提高运行效率。如果你写好CSS后懒得去做简化，你可以使用一些在线的简化CSS工具，比如CleanCSS。

　　三、网址后加斜杠

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

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

如下图片代码：

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

　　五、去除不必要加载项。

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

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

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

　　九、统计代码放在页尾。

欢迎光临 one-long (https://bbs.one-long.com/)