博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
奥巴马筹款网站的制作过程
阅读量:5863 次
发布时间:2019-06-19

本文共 1754 字,大约阅读时间需要 5 分钟。

1.

Kyle Rush是一个网站工程师。

bg2012121401.jpg

2011年6月,他加入,负责设计2012美国大选的奥巴马官网。

bg2012121402.jpg

(图为2011年6月的奥巴马官网)

除了宣传,官网的主要目的就是筹款。

上一次大选,奥巴马筹到了6.9亿美元。这是一个很大的数字,但由于过去4年美国经济一直没有起色,本次大选势必要投入更多的资金,团队内部估计资金需求将达到创纪录的10亿美元。

一个筹集10亿美元的网站,历史上从来没有过。Kyle Rush不知道自己能否做到,但是他很清楚,如果筹不到钱,奥巴马没法赢得大选。

bg2012121403.jpg

2.

2012年美国大选现在已经结束了,奥巴马有惊无险地击败了罗姆尼。他最终筹到了11亿美元,成为历史上筹款金额最高(也是花钱最多)的总统候选人。(排在第二位的就是罗姆尼,他也筹到了10亿美元。)

bg2012121404.png

这11亿美元之中,线下筹集了4.1亿,线上筹集了6.9亿。单单BarackObama.com一个网站,就创造了2.5亿美元的捐款。

在6个月的时间里,BarackObama.com共有

  * 17,807,917个访问者,81,548,259次页面访问

  * 4,276,463次捐款

  * 捐款转化率24%(每四个访问者,就有一人会捐款)

这样辉煌的成绩,是如何取得的?

3.

制作一个超大流量的、体验良好的、能够说服人们捐款、并能安全快速处理这些捐款的网站、绝非易事。

最近,Kyle Rush写了一篇,披露了许多内幕,从技术角度总结了BarackObama.com的制作心得。下面,我们就来看看奥巴马的技术团队是怎么做到的。

bg2012121405.jpg

(图为2012年5月的奥巴马官网)

网站的制作班子,从2011年下半开始组建,Kyle Rush是第一个加入的前端工程师,负责网页的外观和用户体验。

一开始,网站放在团队自购的服务器上,运行和捐款都还算平稳。但是,随着竞争不断加剧,局势变得令人担忧了。到了2012年5月,罗姆尼当月的筹款金额第一次了奥巴马。

竞选总部决定,网站必须改版,尽一切可能争取捐款。于是,技术团队开始大规模的扩充,全职的前端工程师从1个人扩充到了14个人,其中6人专门负责制作筹款页面。

4.

技术团队做出的第一个决定是,使用静态网站生成器,用静态网页取代动态网页,加快网页打开速度。网站的打开应该。有研究称,打开速度每慢100毫秒,Amazon的销售额就下降1%。

第二个决定是,将全部网页放上CDN,使用的服务商是。它是世界最大的CDN供应商,共部署了50000多台服务器,美国各地都能获得理想的访问速度。奥巴马芝加哥竞选总部,可以在20毫秒内载入官网的HTML网页。

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

第四个决定是,后台用PHP语言开发,放在Amazon的EC2平台上。

第五个决定是,为了避免宕机,开发两个后台。一旦一个系统停止工作,立刻自动切换到另一个。这点很重要,因为宕机不仅影响士气,而且经济损失巨大。因为捐款每分钟都在涌入,最高记录是一小时300万美元,你不能让它停下来。

5.

新网站初步完成后,使用进行测试,结果令人鼓舞。

bg2012121406.png

原版页面4秒钟后还没载入,新版只用1秒就可以看到。整个平台的访问速度上升了60%,捐款转化率增加了14%。

接下来,就是微调页面的各种细节,一共进行了240次,也就是说,至少迭代了240个版本。

调整后的页面,视觉效果和用户体验都有了巨大的提升(点击看大图),捐款转化率因此又提高了49%。。

bg2012121407.jpg

随着奥巴马的当选,BarackObama.com共进行了1101次前端部署。

6.

事实证明,整个开发方案非常成功,顺利完成筹款任务,没有一分钟宕机。

Kyle Rush感到有必要总结,留下记录。除了上面的开发过程,他还提到前端团队使用的工具:版本控制 ,a/b测试管理,代码编译。

Kyle Rush最后总结说:

"我百分之百肯定,这是我经历过的最好的开发环境。我们不断调整,捐款转化率的提高令人难以置信。整个团队感到无比满足。但是,最高兴的还是看到,2013年1月21日巴拉克·奥巴马依然是美国总统!"

(完)

转载地址:http://lofnx.baihongyu.com/

你可能感兴趣的文章
运维过程中常用的命令
查看>>
亿级PV超大型网站集群架构图形深度揭秘讲解
查看>>
20145328《网络对抗》Web基础
查看>>
linux dhcp配置 dhcp多网段配置
查看>>
Python socket模块
查看>>
【linux】进程间的通信简介(c语言编程)
查看>>
maven项目目录结构
查看>>
模拟实验:单台服务器模拟高并发
查看>>
YUM 安装 VSFTP出错
查看>>
打开网页后添加右击鼠标菜单
查看>>
TypedArray和attrs.xml
查看>>
easyUI combobox combotree 模糊查询,带上下键选择功能,待完善。。。。
查看>>
四周第三次课(1月4日)
查看>>
SUSE下修改/var/log/messages的权限、用户与组
查看>>
elcipse 安装lombok插件解决 @Slf4j 等找不到log变量问题
查看>>
ubuntu下eclipse的Alt+/失效
查看>>
我的友情链接
查看>>
du -s
查看>>
获得文件和文件夹的所有权
查看>>
实战:配置远程访问(×××)
查看>>