歐巴馬募款網站的製作過程

Kyle Rush是一個網站工程師。2011年6月,他加入BarackObama.com,負責設計2012美國大選的歐巴馬官網。
評論
評論

轉載自  阮一峰的網絡日誌原譯文網址

1.

Kyle Rush 是一個網站工程師。

2011 年 6 月,他加入 BarackObama.com,負責設計 2012 美國大選的歐巴馬官網。

(圖為 2011 年 6 月的歐巴馬官網)

除了宣傳,官網的主要目的就是募款。

上一次大選,歐巴馬籌到了 6.9 億美元。這是一個很大的數字,但由於過去 4 年美國經濟一直沒有起色,本次大選勢必要投入更多的資金,團隊內部估計資金需求將達到創紀錄的 10 億美元。

一個募集 10 億美元的網站,歷史上從來沒有過。Kyle Rush 不知道自己能否做到,但是他很清楚,如果籌不到錢,奧巴馬沒法贏得大選。

2.

2012 年美國大選現在已經結束了,歐巴馬有驚無險地擊敗了羅姆尼。他最終籌到了 11 億美元,成為歷史上籌款金額最高(也是花錢最多)的總統候選人。(排在第二位的就是羅姆尼,他也籌到了 10 億美元。)

這 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 的製作心得。下面,我們就來看看奧巴馬的技術團隊是怎麼做到的。

 

(圖為 2012 年 5 月的歐巴馬官網)

網站的製作班子,從 2011 年下半開始組建,Kyle Rush 是第一個加入的前端工程師,負責網頁的外觀和使用者體驗。

一開始,網站放在團隊自購的伺服器上,運行和捐款都還算平穩。但是,隨著競爭不斷加劇,局勢變得令人擔憂了。到了 2012 年 5 月,羅姆尼當月的籌款金額第一次 超過 了歐巴馬。

競選總部決定,網站必須改版,盡一切可能爭取捐款。於是,技術團隊開始大規模的擴充,全職的前端工程師從 1 個人擴充到了 14 個人,其中 6 人專門負責製作募款頁面。

4.

技術團隊做出的第一個決定是,使用靜態網站生成器 Jekyll,用靜態網頁取代動態網頁,加快網頁打開速度。網站的打開應該越快越好。有研究稱,打開速度每慢 100 毫秒,Amazon 的銷售額就下降 1%。

第二個決定是,將全部網頁放上 CDN,使用的服務商是 Akamai。它是世界最大的 CDN 供應商,共部署了 50000 多台伺服器,美國各地都能獲得理想的造訪速度。奧巴馬芝加哥競選總部,可以在 20 毫秒內載入官網的 HTML 網頁。

第三個決定是,將捐款的後台做成 API 控制 。這是因為有 23% 的訪客使用行動設備,所以必須部署多種前端(Web 端和行動端)。使用 API,可以讓不同前端以相同方式與後台溝通,彼此之間用 JSON 格式傳遞資訊。

第四個決定是,後台用 PHP 語言開發,放在 Amazon 的 EC2 平台上。

第五個決定是,為了避免當機,開發兩個後台。一旦一個系統停止工作,立刻自動切換到另一個。這點很重要,因為當機不僅影響士氣,而且金額損失龐大。因為捐款每分鐘都在湧入,最高記錄是一小時 300 萬美元,你不能讓它停下來。

5.

新網站初步完成後,使用 webpagetest.org 進行測試,結果令人鼓舞。

原版頁面 4 秒鐘後還沒載入,新版只用 1 秒就可以看到。整個平台的訪問速度上升了 60%,捐款轉化率增加了 14%。

接下來,就是微調頁面的各種細節,一共進行了 240 次 a/b 測試 ,也就是說,至少迭代了 240 個版本。

調整後的頁面,視覺效果和使用者體驗都有了巨大的提升,捐款轉換率因此又提高了 49%。

隨著歐巴馬的當選,BarackObama.com 共進行了 1101 次前端部署。

6.

事實證明,整個開發方案非常成功,順利完成募款任務,沒有一分鐘當機。

Kyle Rush 感到有必要總結,留下記錄。除了上面的開發過程,他還提到前端團隊使用的工具:版本控制 Github,a/b 測試管理 Optimizely,代碼編譯 CodeKit

Kyle Rush 最後總結說:

" 我百分之百肯定,這是我經歷過的最好的開發環境。我們不斷調整,捐款轉換率的提高令人難以置信。整個團隊感到無比滿足。但是,最高興的還是看到,2013 年 1 月 21 日歐巴馬依然是美國總統!"


佈雲今日 ‧ 決勝未來──數位轉型的現在進行式! AWS 台灣雲端高峰會 8 月 10 日盛大登場

2022 AWS 台灣雲端高峰會將於 8 月 10 日在台北南港展覽二館盛大登場,聚焦雲端 9 大主題、超過 45 場產業與技術專題演講,為開發者與經理人提供深度交流機會,任何與雲端有所接觸的工作者都不容錯過。
評論
首途02.png
評論

AWS 公開年度雲端技術盛會── 2022 AWS 台灣雲端高峰會(AWS Summit Taiwan)即將在 8 月 10 日至 8 月 11 日於台北南港展覽館二館舉行!歷經新冠疫情紛擾,睽違兩年 AWS 台灣雲端高峰會即將重回實體舉行,讓每位參與者走入規劃豐富的實體專區與各路開發者深度共學。立即報名點此

今年主題「佈雲今日 ‧ 決勝未來」明顯表達數位轉型已是現在進行式。隨著新冠疫情及國際局勢改變的雙重影響,全球迎來的新常態經濟模式使雲端技術不再只是企業應變關鍵,更是走向安全、永續,以及鏈結未來的必經之途。因此,2022 AWS 台灣雲端高峰會中將展示當代最前瞻的雲端趨勢,帶領參與者運用現代化雲端洞悉市場數據,探索商業與技術的無限可能。

聚焦九大雲端主題:基礎設施、技術開發、數位轉型到產業實務面面俱到

photo credit:AWS

今年 AWS 台灣雲端高峰會不只集結領域中傑出的 AWS 技術專家、產業代表以及社群領袖,舉辦超過 45 場的產業及技術專題演講,分享最佳實踐案例、 Demo 實機展演和客戶案例分析,還規劃包含證照認證、實作演練、 CISO 實戰工作坊等與 AWS 相關課程及工作坊。除此之外,會場也設置「AWS Game day & Developer Lounge」與「新創焦點」兩大專區,讓會眾能在精心規劃的空間內與其他開發者、新創公司透過高度互動的競賽與短講,深度交流彼此技術與經驗。

立即報名:2022 AWS 台灣雲端高峰會

2022 年, AWS 台灣雲端高峰會致力打造深度交流的產業平台,聚焦雲端技術的九大面向,搭配各具特色的活動設計,從基礎設施、技術開發、數位轉型到產業實務面面俱到。不僅為 C-level 與資深技術人員、企業經營與 IT 決策與管理者精心規劃議題內容,也在特別企劃內容中,為 IT Pro 、解決方案架構師、開發人員、工程師與維運管理人員提供最佳實務經驗,讓無論 AWS 初學使用者還是資深產業經理人,都能在高峰會中吸收新知、了解趨勢,提升自我能力與視野。

無分初學大師,只要接觸雲端,你就應該參加 AWS 台灣雲端高峰會

符合以下關鍵字之一,你就應該參與 AWS 台灣雲端高峰會:

  • 學無止盡-開發者、工程師、架構師
  • 商業創新開發-新創團隊技術團隊成員
  • 最佳化生產力- IT 專業人員、技術支援經理
  • 掌握趨勢-創辦人、經營決策者
  • 自我精進-學生、教職員、研究員
  • 洞見趨勢-任何關注雲端趨勢者

AWS 台灣雲端高峰會首日聚焦雲端服務、開發技術及新創,以技術相關內容為主,較適合具備初級主題知識之開發人員、工程師與 IT 專業人員;次日則圍繞產業解決方案提供、數位轉型等,以應用相關內容為主,較適合欲了解雲端技術如何為企業經營加分之經營決策者、解決方案架構師以及系統管理員。

立即報名:2022 AWS 台灣雲端高峰會

如此縝密的規劃,無論是初上雲端的新手,還是乘雲縱橫產業多年的技術大師,甚至是非技術相關人士,都能在高峰會中依照自身工作職掌和興趣,安排個人化的專屬議程,從不同主題和技術能力演講中,滿足個人技術或視野的成長。

最重要的是, 2022 AWS 雲端高峰會為免費參加,絕對是任何需要開拓雲端新經濟、自我加值的工作者不可錯過的年度盛會。

玩轉雲端核心技術! AWS DeepRacer 人工智慧賽車同步登場

photo credit:AWS

每年與台灣雲端高峰會共同舉行的「AWS DeepRacer 智慧自駕車競賽」當然也不會缺席。 AWS DeepRacer 是 Amazon 產品背後所運用之人工智慧和機器學習等核心技術的具體化身,不僅是全球首個以自駕車競賽為主題賽車聯盟,也是機器學習(ML)與強化學習(RL)最友善、有趣、刺激的學習課程。

競賽設計不只替雲端技術增添不少趣味,激起各方開發者爭奪獎品、獲取冠軍榮耀的鬥志,搭配 AWS 所提供的免費入門課程及學習資源,更創造出技術學習與推廣的友善環境,也是AWS 送給所有工程師最棒的寓教於樂場域。

精彩豐富的專題講座與寓教於樂的刺激競賽還不夠嗎?活動現場還有抽獎活動、深度參會集點以及問卷好禮,提早報到者再加碼早鳥禮!

立即報名豐富有趣的 2022 AWS 台灣雲端高峰會!