站内优化之页面优化

王朝站长·作者佚名  2013-01-18  
宽屏版  字体: |||超大  

大家都说“内容为王,外链为皇”,我说“要攘外必先安内”!在努力地发原创文章,高质量外链时,是否有思考过网站页面、代码本身的问题呢?是的,即使页面优化带来的好处、效果是微之甚微,高原创文章和高质量外链已经完全可以弥补或忽略掉;不过,引用前不久马云x周星驰巅峰对话中说的:各方面好一点点,也许加起来就好很多了。

所以,我的建议是网站上线前,网站程序本身如果能得到最大程度的优化,我相信对网站的优化会更有帮助。

下面就以我的羊城生活网为例,为大家讲解自己对页面优化的一些个人见解,欢迎拍砖。

1、页面静态化

当然,页面静态化并非必须去做,而且静态化不一定要全站,可以只静态最为重要的首页。对不同程序的处理,页面的执行时间各不相同;对于网上成熟的cms系统,执行效率自不必说,相信是比较优化的一个程度了。本人程序猿一枚,所以网站自己编写的,执行速度确实会相对差那么一些,而且网站的首页图片比较多,使用站长工具查询,结果响应时间都是3秒以上;最终,把首页生成html静态化,相应时间快至几十到几百毫秒,如图:

2、减少页面重定向

页面要尽量避免重定向,以我的网站为例,百度的建议是:

当然,截图中是加统计代码时引发的,这无可避免,但自身代码而言,建议尽量减少重定向,这样就减少了请求次数从而较少页面响应时间。

3、Javascript文件的处理

1)Js文件尽可能合并成一个文件,减少请求次数;比如,网站中有使用到多个Js函数,那么,将这些函数统一放到一个Js函数文件里;

2)Js位置

Js放在页面最后,可以加快页面打开速度。

3)不常改动的Js文件可以压缩代码,这样缩小了Js文件大小从而大大减小了请求时间

百度对Js文件处理的建议:

4、Css文件的处理

1)跟Js文件一样,Css文件尽可能合并成一个文件,减少请求次数;

2)CSS位置

CSS说明出现在后,页面需要重新渲染,打开速度受到影响。

3)使用Css Sprite

CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。

利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能,CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。

5、启用Gzip

Gzip压缩效率非常高,通常可以达到70%的压缩率,也就是说,如果你的网页有30K,压缩之后就变成了9K左右。

6、字符集声明

如果<head>部分未定义字符集,将增加页面渲染次数,速度减慢。

本文由羊城生活网http://www.020life.cnA5首发,麻烦转载带上链接,谢谢!

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有