作者:騰訊WeTest
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原則」的,也就是:
- 當用戶能夠在2秒以內得到響應時,會感覺系統的響應很快;
- 當用戶在2-5秒之間得到響應時,會感覺系統的響應速度還可以;
- 當用戶在5-8秒以內得到響應時,會感覺系統的響應速度很慢,但是還可以接受;
- 當用戶在超過8秒后仍然無法得到響應時,會感覺系統糟透了,或者認為系統已經失去響應,而選擇離開這個Web站點,或者發起第二次請求。
從騰訊大數據的數據來看,用戶對於H5的容忍程度顯然更低,在5-6秒的時候,已經開始無法忍受了,因此根據這樣的現實情況,對於移動頁面,我們更應該關注一個全新的「1-2-5原則「:
- 當用戶能夠在1-2秒內打開H5頁面,看到信息的展示,或者能夠開始進行下一步的操作,用戶會感覺速度還好,可以接受;
- 頁面如果在2-5秒后才進入可用的狀態,用戶的耐心會逐漸喪失;
- 如果一個界面超過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頁面針對性能勢必進行更多的測試以及優化,保證用戶在越來越多的場景下可以體驗到最好的效果。
文章來源36大數據(微信號:dashuju36)
End.