WeTest 導讀
天天P圖”軍裝照”活動交出了一份10億瀏覽量的答卷，一時間刷屏朋友圈，看到這幕，是不是特別想復制一個如此成功的H5？不過本文不教你如何做一個爆款H5，而是介紹天天P圖在“軍裝照”活動過程中，如何面對10億流量時的後臺承載。一、10億瀏覽量，“軍裝照”火了
這兩天，相信 “軍裝照”活動已經刷爆了朋友圈，這個活動是由人民日報客戶端策劃出品並主導開發，騰訊天天P圖提供圖像處理支持的一款H5產品。
天天P圖智能換臉
這款H5於7月29日晚一經推出，瀏覽量就迅猛攀升。7月30日24時，瀏覽次數突破6000萬，在7月30日23：03時，H5迎來了這次活動的最高峰值，圖片生成請求達到每分鐘117萬次，8月1日13時突破5億。截至8月2日17時，“軍裝照”H5的瀏覽次數累計8.2億，獨立訪客累計1.27億，一分鐘訪問人數峰值高達41萬。
後臺數據截圖
一般來說，一個H5產品瀏覽次數能超過500萬就很不錯了，超過1億的十分罕見。如果以1億為標準，這款H5產品能夠申請10次世界紀錄。
創紀錄的瀏覽量背後，自然需要堅強的後盾，騰訊雲與騰訊WeTest幫助天天P圖對圖片上傳下載，存儲，智能分析、融合處理以及壓力測試等服務提供技術支持，讓“軍裝照”活動可以順利延續影響力，保證用戶的良好體驗。
二、一個刷屏級的H5有多難？
在見證了一個個精妙的H5活動後，我們漸漸意識到，制作一個刷屏級的H5越來越難了。
面對H5，用戶越來越“喪失耐心”
騰訊大數據2016年的《移動頁面用戶行為報告》中表示如果頁面加載超過5秒就會有74%的用戶離開頁面。
頁面加載超過5s就會有74%的用戶離開頁面
（圖片來源：騰訊大數據《移動頁面用戶行為報告》）
這樣的數據是符合交易響應時間的“2-5-8原則”的，也就是：
1、 當用戶能夠在2秒以內得到響應時，會感覺系統的響應很快；
2、 當用戶在2-5秒之間得到響應時，會感覺系統的響應速度還可以；
3、 當用戶在5-8秒以內得到響應時，會感覺系統的響應速度很慢，但是還可以接受；
4、 當用戶在超過8秒後仍然無法得到響應時，會感覺系統糟透了，或者認為系統已經失去響應，而選擇離開這個Web站點，或者發起第二次請求。
從騰訊大數據的數據來看，用戶對於H5的容忍程度顯然更低，在5-6秒的時候，已經開始無法忍受了，因此根據這樣的現實情況，對於移動頁面，我們更應該關註一個全新的“1-2-5原則“：
1、 當用戶能夠在1-2秒內打開H5頁面，看到信息的展示，或者能夠開始進行下一步的操作，用戶會感覺速度還好，可以接受；
2、 頁面如果在2-5秒後才進入可用的狀態，用戶的耐心會逐漸喪失；
3、 如果一個界面超過5秒甚至更久才能顯示出來，這對用戶來說基本是無法忍受的，也許有一部分用戶會退出重新進入，但更多的用戶會直接放棄使用。
舉個例子：
2016年11月24日晚上九點半，一個名為《薛之謙2個月沒寫段子，結果憋了個大招》的騰訊動漫的H5引爆了朋友圈，僅僅三個小時就已經突破120W的PV，而第二天早上的PV大概是270W左右。
該H5采用長圖文+視頻的形式，在屏幕劃到某一個位置，自動播放準備好的Mp4文件，起初，這個時長2分51秒的視頻大小是34.5MB，，如果在網絡環境較好的情況，用戶可以很流暢的觀看，沒有卡頓和延遲，但是為了提升用戶的體驗感受，H5進行了全面的優化，整體大小被下降到了24.3MB。
騰訊動漫的H5整體大小從40MB左右優化到了24.3MB
（圖片來源：《深度解析！薛之謙的二次元H5為什麽又翻天了！》）
對於一個H5的產品，功能無疑很重要，但是性能同樣是用戶體驗中不可或缺的一環。原本H5的渲染性能就不及native的app，所以，H5的性能是一個繞不開的話題。
三、騰訊雲+WeTest “軍裝照”H5攻克最後技術難關
為了保證“軍裝照”H5能夠被用戶順利的訪問，，天天P圖與騰訊WeTest壓測大師合作，對H5的主要接口進行了多次壓力測試。
1、制定測試目標
根據之前多次H5活動經驗，天天P圖對活動流量通常都有一個穩定的預期。天天P圖的技術團隊將H5的壓測目標制定如下：
事務成功率： 99.9%
響應時間： 500ms
TPS: 10000qps
網絡流量: 15G
壓測人數配置（示例）
2、確認壓測場景
對於“軍裝照”H5活動，最為重要的一個接口就是用戶上傳圖片到天天P圖“人臉融合”後臺的接口，通過完成接口地址的配置，天天P圖技術團隊完成了壓測的配置。
接口地址配置（示例）
天天P圖團隊不斷的通過壓測大師測試接口，獲取實時的承載數據，對服務器進行持續優化，從而實現一個最為穩定的狀態。
壓測數據結果（demo數據）
在完成了服務器架構的最佳優化之後，天天P圖在“軍裝照”活動爆紅之後，依賴騰訊雲海量處理能力和靈活擴展性，天天P圖團隊緊急在騰訊雲調動服務器，進行彈性擴容，從一開始的400臺，再到800臺，最終在最高峰動態部署了4000臺騰訊雲服務器。此外騰訊雲還采用了智能分流、柔性策略等辦法，確保穩定應對海量用戶的請求。這樣的彈性擴展因而支撐了“軍裝H5”10億次的瀏覽。
H5技術的興起，註定著這款重要的網絡語言將要承載越來越多的內容，為了滿足用戶越來越“不耐心”的響應時間要求，未來的H5以及Web頁面針對性能勢必進行更多的測試以及優化，保證用戶在越來越多的場景下可以體驗到最好的效果。
騰訊WeTest壓測大師運用了沈澱十多年的內部實踐經驗總結，服務了包括王者榮耀、龍之谷手遊、軒轅傳奇手遊、火影忍者等多款高星級手遊，也包括天天P圖、NOW直播等明星產品，通過基於真實業務場景和用戶行為進行壓力測試，幫助開發者發現服務器端的性能瓶頸，進行針對性的性能調優，降低服務器采購和維護成本。
為了讓外部更多產品能夠享受到簡單易用的壓測產品，騰訊WeTest決定將這份服務器測試能力產品化，以產品”壓測大師“的形式，正式對外開放。目前更有10元10000VUM的壓測優惠，歡迎大家的使用！
體驗地址：http://wetest.qq.com/activity/paygaps0808
如果對使用當中有任何疑問，歡迎聯系騰訊WeTest企業qq：800024531
Tags: 軍裝 騰訊 活動 瀏覽量 天天 一個
文章來源：