testerhome第二期播放地址以及終端h5測試實踐

終端H5測試實踐summeroyou

@QQ空間About

me–

2013-2014

pcQZone–

2015-now

H5

QZone終端H5測試實踐H5的挑戰(zhàn)用戶對速度和流暢度的關(guān)注，對卡慢的挑戰(zhàn)，超出預期速度與流量卡慢可以用速度來衡量，而速度背后往往隱藏了流量問題遠程調(diào)試，進階的可能實時debug，輕松分析腳本報錯和內(nèi)存泄漏終端H5測試實踐Qzone

H5典型事件2014年玩吧，大量玩家投訴白屏和卡慢2015年話題圈，DAU百萬級，用戶反饋feeds滑動不流暢、頁面點擊無響應2016年留言板native頁面H5化，用戶投訴留言頁面慢、太卡H5的挑戰(zhàn)測試現(xiàn)狀如何？功能測試為主無法調(diào)試，webview具體做了什么我們一無所知tcpdump效率低,無法配host、模擬請求、篡改返回包H5測試是否完備？移動端網(wǎng)絡環(huán)境復雜，怎么去界定卡慢？是否有方法拿到速度、流暢度這些數(shù)據(jù)？除了速度、流暢度，還有什么缺失，需要重新梳理和審視H5的挑戰(zhàn)完備的H5測試需要包含什么？H5的挑戰(zhàn)性能表現(xiàn)如何細化？–

最核心的還是速度和流量速度與流量首屏速度&流量移動網(wǎng)速幾十KB/s~幾百KB/s不等，用某個網(wǎng)速下的速度來反映頁面速度，不夠充分流量+速度VS網(wǎng)絡環(huán)境，強有力的補充chrome模擬&

fiddler代理抓包可以準確評估流量通過http耗時粗略評估首屏速度實際證明：卡慢問題中，流量類占比過半速度與流量卡慢典型案例–

話題圈，圖片流量過大，UI

100*100，請求了512*683速度與流量卡慢典型案例玩吧游戲，請求個數(shù)過多，首屏請求了100多個js/耗時幾分鐘數(shù)據(jù)冗余，包括冗余請求、重復請求、分頁數(shù)據(jù)量過大、返回包字段冗余：253KB壓縮到13KB速度與流量流量以外腳本錯js響應/執(zhí)行時間過長內(nèi)存泄漏if

Devtool.exist()可以調(diào)試、審查元素可以拿到腳本耗時可以查看內(nèi)存遠程調(diào)試，進階的可能遠程調(diào)試，進階的可能mobile

chrome支持remote

debugAndroid4.4開始，ios5開始，支持remote

debug遠程調(diào)試，進階的可能android遠程調(diào)試，進階的可能ios遠程調(diào)試，進階的可能remote

inspector可以做什么最常用的元素審查、腳本debug、network網(wǎng)絡請求timeline：loading、render、paint、js事件瀑布流，

memory曲線，fpsprofile：memory分析和cpu耗時resources：cookie、cache遠程調(diào)試，進階的可能典型案例話題圈，偶現(xiàn)頁面操作無響應，腳本報錯問題玩吧小游戲，越到后面關(guān)卡越卡，iframe內(nèi)存泄漏直播頁，一段時間后評論列表刷新不夠流暢，內(nèi)存中2萬多條消息未釋放遠程調(diào)試，進階的可能消息列表內(nèi)存泄漏–

問題表現(xiàn)：用戶互動很高的直播，時間長了之后，刷消息變卡timeline：抓內(nèi)存曲線，增長型profile：內(nèi)存快照對比，消息列表泄漏遠程調(diào)試，進階的可能除了質(zhì)量，效率方面是否可以提升制定H5發(fā)布標準：首屏速度、首屏流量、請求個數(shù)、圖片大小自動化，利用遠程調(diào)試獲取真機數(shù)據(jù)每日監(jiān)控&郵件告警遠程調(diào)試，進階的可能結(jié)語H5測試應該考慮什么？功能測試、兼容性測試、安全測試移動設(shè)備和網(wǎng)絡環(huán)境復雜，使得性能測試、網(wǎng)絡測試愈發(fā)重要