如何从网站程序方面提升游戏官网的性能

发布时间:2014-6-16 9:1:13 作者:zhushican 点击:

   用户体验对我们做互联网产品及服务的意义不言而喻,而网站的稳定性和响应速度是对用户体验感影响很大的东西。特别在我们游戏行业,玩家们的性子可是特别急的,大家可以从玩家经常因为队友失误而爆粗口就可以看得出来。我之前跟大家分享过我们草根站长运营游戏攻略资讯站的心得,而我今天要分享的是从我所在公司的游戏官网的东西,主要就是讲讲从网站程序优化网站性能。

  对于网站性能的提升,我相信是一个长久以来都有很多人关注的话题,因为在这方面做好了不管是对用户体验还是降低自己的生产成本都有非常大的好处。在网上其实有各种各样的优化性能方面的资料,其中讲得较多的是服务器方面的。比如使用高带宽的、高配置的机器来作为网站的服务器,当然这谁不知道,如果你要我拿一台入门级的VPS和一台高配置高带宽的独立服务器比性能,我再怎么优化也是无济于事的,那我这里分享的也是毫无意义的了。因此,我们通常所说的优化性能也好还是优化其他的东西也好,都是指在原有的基础上进行提升。

  今天在这里我不和大家分享怎么去优化服务器及其相关的软件设施了,我想跟大家分享想我所了解的几种从网站程序上去优化网站性能的方式,希望对大家有所帮助,当然下面也不是我所知道的全部,只是我认为最常用的几种,当然在这里面如果大家有更好的方法也希望大家不吝分享。

  第一,页面压缩。这一点启示很多网站都在使用,大家听得最多的就是gzip了,此外针对我们这种游戏官方网站有时候用户访问较多的时候,也会开启mencache等缓存希望,从而提升性能,当然这是服务器和程序配置相互配置而成的,但也属于网站程序优化的一部分。

  第二,切图处理。众所周知,我们这些游戏网站,特别是官方网站往往都需要设计的非常绚丽,这样似乎才能跟游戏这个名词搭调一样。于是需要特别多的图片元素来装点,而这些图片往往是非常多的,但每一张的尺寸都比较小,这样网站页面的总体积也会非常大,而且每次打开的HTTP请求次数也会非常得多。比如我们通过CSS切图技术处理后,把网页几乎所有图标合并在一张图片上,原本小图片加起来的文件达到近10M,而合并到一张图上只有不到1M的体积,加载图片的HTTP请求数降低了几百,这样一来响应速度提高了很多,而且还节省了不少带宽成本。

  第三,分屏加载。当我们游戏官方一些资讯栏目,往往会采用图文列表的形式作为列表,而且图片的尺寸也比较大,这样的列表单页往往需要有数十篇文章,但这样的页面体积往往达到数兆字节甚至更多,如果要用户一次性加载完毕,那可能浪费用户太多的等待时间,说不定用户就没有耐心等下去了。而jQuery和AJAX等技术都能解决此类问题,那就是分屏加载,比如可以利用jQuery的插件lazyLoad就可以实现图片的分屏加载,而这类技术我自己都放到生产实例中使用过,效果非常好。其一,让用户很快打开网页,而需要往下看的时候继续加载图片;其二,对于看到这个页面不再看的,可以节约大量的带宽资源。

  第四,分块加载。有开发经验的人都清楚,如果把一个页面作为一个整体的话,那么如果其中有一个小地方出现通信故障会导致整个页面加载延迟,甚至是打不开。而这时候我们使用分块加载技术就是非常好的选择了,即把一个页面划分成多个独立的模块,而这些模块间在通信方面互不影响;从而可以实现就算一个模块出问题,网页其他模块也可以很快正常显示出来。这个方面的典型就是人人网使用的rose portal框架。

  第五,合并JS和CSS。这样的就是太常见的了,比如百度等站长工具提供的页面检测模块都会提示站长进行这方面的操作,而且网上很多文章都会提到过这方面的内容,在这里我就不多说了。

  先就说上面几点了,以后还会向大家继续补充这方面的内容,当然还会有更多的东西,比如优化SQL查询语句,从而减少并发数和连接数等等。其实分享这样的内容也没别的意思,就是我自己认为也许可以给大家带来某方面的启迪吧,当然希望大家也可以分享类似的东西供我们参考学习!

留言列表

发表留言:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。