网站静态页面性能优化

2013-12-04
  • 1173
  • 0
对一个新闻文章类网站,网站生成全静态化,应该是最好的方案之一,拥有以下三个优点: 1、有利于SEO优化; 2、安全性、稳定性更好,当无法执行脚本语言或SQL注入、数据库被黑也不影响; 3、访问的速度是动态网站的几倍,如PHP; 随着网站文章的不断增加,文章数量、用户访问量越来越大,维护起来也越来越困难,最初的解决方案满足不了需求,如更改一个网站的菜单或版权信息,就需要更新所有的页面,这对于网站管理员来说是一个非常痛苦的事情,所以必须进行优化网站静态页面。 一、服务器选择nginx,因为nginx处理静态页面的表现非常好; 二、开启WEB服务器的gzip模块,可以将页面的大小压缩50%或以上,可以提高用户的访问速度; 三、开启WEB服务器的SSI(Server Side Include)服务器端嵌入,就算是HTML也是可以嵌入HTML的,相信细心的朋友在访问很多门户网站新闻时会发现网页是以.shtml结束的; 四、Browser Cache (Last modify、Etag),静态文件可以使用无cookies域名 五、压缩网站的js、css,如jquery压缩之前大小250KB左右,压缩之后为90KB左右,压缩之后文件缩小一半,将CSS放在网页的头部,JS放在网页的底部,这是有必要的; 六、话说世界上最遥远的距离不是中国与美国,而是网通与电信,如果你的服务器是网通,那南方电信用户访问网站就是龟速了,可以使用CDN,国内的阿里云还不错,打了个小广告。 七、压缩图片是很有必要的,可以将网站的里的背景或小图标放在一张或二张png图片里,如果你说png图片8位以上的不支持IE6,我想说那就抛弃IE6吧(当然也有办法解决的),其他的网站大图可以延迟加载、预加载图片,技术人员习惯性称为瀑布流; 八、虽然说是静态网站,文章评论不能缺少的,可以使用ajax、json来处理,效果也是不错的; 九、避免重定向。网页的重定向会带来额外的运行开销,因此要避免页面进行重定向跳转操作。 当然静态页面的维护工作可能要比动态网站麻烦一些,但是为了SEO优化、用户访问快速,这是值得的,静态页面越来越多,会增加硬盘的使用空间,生成的静态网页消耗服务器资源,一般不会生成整站的,使用SSI,可以节约很多服务器资源! 所有的静态页面数据都是保存在数据库,为了防止静态生成页面消耗服务器资源,可以使用动态页面来处理,只要使用伪静态可以保持所有的URL一致,从而不影响网站的SEO。

对一个新闻文章类网站,网站生成全静态化,应该是最好的方案之一,拥有以下三个优点:

1、有利于SEO优化;

2、安全性、稳定性更好,当无法执行脚本语言或SQL注入、数据库被黑也不影响;

3、访问的速度是动态网站的几倍,如PHP;

随着网站文章的不断增加,文章数量、用户访问量越来越大,维护起来也越来越困难,最初的解决方案满足不了需求,如更改一个网站的菜单或版权信息,就需要更新所有的页面,这对于网站管理员来说是一个非常痛苦的事情,所以必须进行优化网站静态页面。

一、服务器选择nginx,因为nginx处理静态页面的表现非常好;

二、开启WEB服务器的gzip模块,可以将页面的大小压缩50%或以上,可以提高用户的访问速度;

三、开启WEB服务器的SSI(Server Side Include)服务器端嵌入,就算是HTML也是可以嵌入HTML的,相信细心的朋友在访问很多门户网站新闻时会发现网页是以.shtml结束的;

四、Browser Cache (Last modify、Etag),静态文件可以使用无cookies域名

五、压缩网站的js、css,如jquery压缩之前大小250KB左右,压缩之后为90KB左右,压缩之后文件缩小一半,将CSS放在网页的头部,JS放在网页的底部,这是有必要的;

六、话说世界上最遥远的距离不是中国与美国,而是网通与电信,如果你的服务器是网通,那南方电信用户访问网站就是龟速了,可以使用CDN,国内的阿里云还不错,打了个小广告。

七、压缩图片是很有必要的,可以将网站的里的背景或小图标放在一张或二张png图片里,如果你说png图片8位以上的不支持IE6,我想说那就抛弃IE6吧(当然也有办法解决的),其他的网站大图可以延迟加载、预加载图片,技术人员习惯性称为瀑布流;

八、虽然说是静态网站,文章评论不能缺少的,可以使用ajax、json来处理,效果也是不错的;

九、避免重定向。网页的重定向会带来额外的运行开销,因此要避免页面进行重定向跳转操作。

当然静态页面的维护工作可能要比动态网站麻烦一些,但是为了SEO优化、用户访问快速,这是值得的,静态页面越来越多,会增加硬盘的使用空间,生成的静态网页消耗服务器资源,一般不会生成整站的,使用SSI,可以节约很多服务器资源!

所有的静态页面数据都是保存在数据库,为了防止静态生成页面消耗服务器资源,可以使用动态页面来处理,只要使用伪静态可以保持所有的URL一致,从而不影响网站的SEO。