不自重者,取辱。不自长者,取祸。不自满者,受益。不自足者,博闻。
2048游戏的Web前端性能数据情况 进入全屏
line

因为加入了这个2048游戏,所以Baidufe公众号的关注人数往上涨得非常快!既然来这里玩儿游戏的人这么多了,所以我也必须要保证这个产品的用户体验尽可能的好。做Web前端的,首先得保证各种前端性能,一个非常重要的,就是:页面的载入速度。为了统计这个数据,特意在游戏页面打了几个监测点,分别是头部资源加载时间、用户可感知可交互的时间、DomReady的时间、以及页面加载完成的时间。待页面载入完成之后,向服务器发送一个用于统计的/v.gif请求,在服务器端接收相应,并投log。我的log格式为:

[日期 时间] [用户IP] [所在城市 网络运营商] [性能参数] [用户cookie] [终端userAgent]

从上面这个日志内容,就能得到相对详细的性能分析数据了(当然,我还可以拿到更多,不过暂时没这个需求了)。需要提到的一点是,用户所在城市和网络运营商,都是通过用户的IP查询到的。

下面来看一看2014-04-09日的2048游戏相关性能数据:

1、先看一看四个监测点的平均数据

这个结论基本就是说:用户打开页面以后,2.39s才能看到游戏已经载入,速度还不是很理想(虽然是手机网络)。


2、各个耗时段的分布情况

从这个数据来看,还是不错的,有47.34%的用户,在1s以内就能看到游戏载入了,这个肯定是wifi网络了吧。


3、再来看看用户都喜欢在一天的那个时候来玩游戏

这个数据似乎很符合上班族的作息时间啊,白天都在上班,玩儿的少,6点下班后开始有时间玩儿,一直玩儿到凌晨-_-!


4、再来看看一天当中不同时段的网络情况(页面加载速度)

数据基本一致,但是,8点到9点是个什么情况?难道是我的webserver在这个时间段不稳定?我需要查查我的aliyun了!不过从总体来看,没有太大的异常,基本都在3s以内。


5、终端浏览器的数据分析

我的游戏是放在微信公众号平台上的,那这个数据可以说明一点:微信内置浏览器在不同的平台上,内核是不一样的!IE?是WinPhone版本的微信吧?


6、再看看玩儿游戏的用户在金鸡图上的分布(主要看耗时)

看来这个游戏的用户的确覆盖了全国各地啊,总体来讲,广东地区、吉林地区的速度不太给力;而且更让我意外的是:广东地区的用户数最最最多,是北京地区的10倍!看来广东用户爱休闲!


7、最后再来看看网络运营商的相关数据

这个数据我没有直接按照电信、联通、移动进行单独汇总(因为我就想看这个更精准的数据)!上面飘红的数字,都是速度拖后腿的-_-!

截止到现在数据分析完,我觉得我漏掉了两个个统计的维度,之后再考虑补上:

1、手机终端的维度:iPhone、Android、WinPhone、塞班、FirefoxOS……

2、手机网络的维度:wifi、3G、2G、4G……


接下来会继续观测几天的数据,然后对比,有针对性的进行性能优化。

趣店(原趣分期)技术学院
重点关注技术架构、服务化、优秀工具、自动化平台、开发全流程一体化解决方案、新人培养、工程师进阶之道等方面
这里环境优雅、氛围年轻、主要是福利还多,还等什么?我们敞开技术的大门,欢迎各种工程师加入!

评论区域

line
  • yuanoook 2014-05-08 15:29:23 回复
    我对你的崇拜犹如滔滔江水
  • Alien 2014-05-04 14:27:17 回复
    回复 谢 : 2048的代码么?其实现在网上都一大堆了,都是类似的
    谢 said:
    要是能分享下代码那就更好了。
  • 2014-05-04 14:25:57 回复
    要是能分享下代码那就更好了。
  • feeler 2014-04-19 23:26:49 回复
    2048游戏退出后经常不能继续,严重投诉啊。就是继续点进去以后左右上下触摸都没反应。
  • Alien 2014-04-11 14:20:02 回复
    回复 welefen :你必须熟悉啊,哈哈。
    welefen said:
    截图界面好熟悉啊
  • welefen 2014-04-11 14:17:27 回复
    截图界面好熟悉啊