奥巴马官方网站

1.Kyle Rush是一名网站工程师。 2011年6月，他加入并负责设计2012年美国大选的奥巴马网站。

凯尔·拉什

除宣传外，官方网站的主要目的是筹集资金。

在上次选举中，奥巴马筹集了9亿美元。这是一个很大的数目，但是由于美国经济在过去四年中并未改善，因此这次大选必然会投资更多的资金。该团队估计，资金需求将达到创纪录的10亿美元。

募集10亿美元的网站历史上从未见过。凯尔拉什不知道，如果他能做到这一点，但他很清楚，奥巴马无法赢得选举，如果他无法筹集资金。

2.2012年美国大选现已结束，奥巴马毫不冒险地击败了罗姆尼。最终他筹集了11亿美元，成为历史上筹款金额最高（支出最高）的总统候选人。 （第二名是罗姆尼，他也筹集了10亿美元。）

在这11亿美元中，有4.亿美元是通过离线筹集的，6.有9亿美元是在线筹集的。仅网站人就创造了2.5亿美元的捐款。在6个月内，总计：

* 17,807,917位访问者，81,548,259位页面访问

* 4,276,463捐款

*捐赠转化率为24％（每四位访问者将有一个人捐赠）

您如何取得如此出色的成绩？

3.要使人们说服人们安全，快速地进行捐赠和处理这些捐赠，要获得超大流量，良好的体验网站，绝非易事。

最近，凯尔·拉什（Kyle Rush）撰写了一篇文章，其中披露了许多内部故事，并从技术角度总结了生产经验。现在，让我们看一下奥巴马的技术团队是如何做到的。

奥巴马2012年5月的官方网站

网站的生产团队成立于2011年下半年。Kyle Rush是第一位加入的前端工程师，负责网页的外观和用户体验。

一开始，网站被放置在团队购买的服务器上，操作和捐赠都相当稳定。但是，随着竞争的加剧，情况变得令人担忧。到2012年5月，罗姆尼的筹款额在当月首次超过了奥巴马。

竞选总部决定必须对网站进行修改，并尽一切可能获得捐赠。结果，技术团​​队开始大规模扩展。专职前端工程师从一个人扩大到14人，其中6人负责筹款页面。

4.技术团队做出的第一个决定是使用静态网站生成器Jekyll将静态网页替换为动态网页，以加快网页的打开速度。 网站应该尽快打开。根据研究，打开速度每降低100毫秒，亚马逊的销售就会下降1％。

第二个决定是将所有网页都放在CDN上，使用的服务提供商是Akamai。它是世界上最大的CDN提供商，已部署了50,000多个服务器，并且在美国各地可以获得理想的访问速度。奥巴马的芝加哥竞选总部可以在20毫秒内加载官方网站的HTML页面。

第三个决定是将捐赠的后端变成API调用。这是因为23％的访问者使用移动设备，因此必须部署多个前端（Web和移动）。使用API​​，不同的前端可以以相同的方式与后端进行通信，并以JSON格式在彼此之间传递信息。

第四个决定是用php开发后端并将其放到Amazon的EC2平台上。

第五个决定是开发两个后端以避免停机。一个系统停止工作后，它将自动切换到另一个。这非常重要，因为停机不仅影响士气，而且会造成巨大的经济损失。因为捐款每分钟涌入，最高记录是每小时300万美元，所以不能停止捐款。

5.新的网站最初已完成并用于测试。结果令人鼓舞。

4秒后仍未加载原始页面，并且仅可在1秒钟内查看新版本。整个平台的访问速度提高了60％，捐赠转化率提高了14％。

接下来，微调整页面有各种详细信息。总共进行了240次a / b测试，这意味着至少要迭代240个版本。

调整后的页面的视觉效果和用户体验得到了极大改善（单击放大），并且捐赠转化率提高了49％。

使用奥巴马的选举，1101前端的部署已经进行了。

6.事实证明，整个开发计划都非常成功，筹款任务成功完成，而没有停机时间。

Kyle Rush认为有必要进行总结并保持记录。除了上述开发过程外，他还提到了前端团队使用的工具：版本控制Github，A / b测试管理Optimizely，代码编译CodeKit。

凯尔·拉什总结说：

“我100％确信这是我所经历过的最好的开发环境。我们正在不断调整，并且捐赠转换率已令人难以置信。整个团队感到非常满意。但是，最高兴的是看2013年2005年1月21日，巴拉克·奥巴马（Barack Obama）仍是美国总统！”

来自：阮一峰的博客