大家都说“内容为王,外链为皇”,我说“要攘外必先安内”!在努力地发原创文章,高质量外链时,是否有思考过网站页面、代码本身的问题呢?是的,即使页面优化带来的好处、效果是微之甚微,高原创文章和高质量外链已经完全可以弥补或忽略掉;不过,引用前不久马云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>部分未定义字符集,将增加页面渲染次数,速度减慢。 本文由羊城生活网首发,麻烦转载带上链接,谢谢! (责任编辑:admin) |