网页测试方法

 

奥巴马筹款网站的制作过程

Kyle Rush是一个网站工程师，负责设计2012美国大选的奥巴马官网，下面是他的设计过程：

1、使用静态网站生成器Jekyll，用静态网页取代动态网页，加快网页打开速度。网站的打开应该越快越好。有研究称，打开速度每慢100毫秒，Amazon的销售额就下降1%。

2、将全部网页放上CDN，使用的服务商是Akamai。

3、将捐款的后台做成API调用。这是因为有23%的访问者使用移动设备，所以必须部署多个前端（Web端和移动端）。使用API，可以让不同前端以相同方式与后台通信，彼此之间用JSON格式传递信息。

4、开发两个后台。一旦一个系统停止工作，立刻自动切换到另一个。

5、新网站初步完成后，使用webpagetest.org进行测试，

6、微调页面的各种细节，一共进行了240次a/b测试，也就是说，至少迭代了240个版本。

除了上面的开发过程，他还提到前端团队使用的工具：版本控制Github，a/b测试管理Optimizely，代码编译CodeKit。

什么是A/B测试?

A / B测试，即你设计的页面有两个版本(A和B)，A为现行的设计， B是新的设计。比较这两个版本之间你所关心的数据(转化率，业绩，跳出率等) ，最后选择效果最好的版本。

A / B测试不是一个时髦名词。现在很多有经验的营销和设计工作者用它来获得访客行为信息来提高转换率。这是一种很有效的方式，并且由于各种分析工具的发展，测试成本也越来越低，因此很多电商网站都会采用。

举个简单的例子，当你有一个日IP过千的网站，而你的网站首页几百年没有更改了，这个时候你想启用新的网页，而你有害怕新的页面用户不一定就非常喜欢，那么这个时候你就需要进行A/B测试了。测试的方法是将老页面定义为A页面，新页面定义为B页面。到谷歌网站优化工具申请进行A/B测试（免费的），这是时候谷歌会给你一串代码，我们只需要将代码添加到谷歌要求的页面即可。

代码添加完毕，如果有一千个用户访问你的网站，那么会有500个用户看到A页面，500个用户看到B页面，这个时候再统计下通过A页面到达网站内页的用户占的百分比是多少，通过B页面到达内页的用户占的百分比是多少。假设A的是6%，B的是20%那么恭喜你，这说明你新设计的页面是博得了用户的欢心。如果你对20%的结果还不满意，那么继续修改你的页面，直到这个转化率不能够再提高为止。

A/B测试是一个科学的统计方法，这一统计的诞生，再也不用为了争吵是使用A图片好，还是使用B图片好，好不好，按照效果说算。还是邓爷爷说的好，实践是检验真理的唯一标准。停止争吵，来做个A/B测试吧。