前言
隨著Html5的流行经备，現(xiàn)在很多業(yè)務(wù)場景使用H5頁面來承載，使活動類部默、運營類的業(yè)務(wù)功能更便捷在微信侵蒙、Native端部署，所以H5方面的測試也變得越來越重要傅蹂。
一纷闺、H5測試基本點
1. 登陸
客戶端已登錄狀態(tài)時算凿，H5頁面操作無需再次登陸；
客戶端未登錄狀態(tài)時犁功，H5頁面操作需要登陸氓轰，注意二次登錄的操作；
需要在獲取微信openid的H5頁面的提示浸卦；
微信登錄態(tài)和Native登錄態(tài)之間的轉(zhuǎn)化署鸡；
2.翻頁
首屏loading過程中的上拉獲取數(shù)據(jù)；
更多頁面加載的翻頁數(shù)據(jù)無異常限嫌；
返回上一層頁面的處理镣奋，檢查重復(fù)操作等哼蛆；
注意檢查翻頁后的數(shù)據(jù)是否有數(shù)據(jù)重復(fù)和缺失锅锨，以及排序方面的問題竭鞍；
3.屏幕適配
需要了解用戶使用的重點機型以及邊緣機型；
重點機型真機測試裆熙，可以考慮在線測試平臺測試兼容性；
請求接口獲取用戶設(shè)備的型號信息禽笑，根據(jù)不同設(shè)備下發(fā)不同的適配頁面入录；
部分頁面能夠通過Chrome瀏覽器開發(fā)者選項模擬屏幕尺寸信息；
4.安全相關(guān)
H5頁面的投放渠道限制佳镜；
支付類敏感操作的實名制驗證等僚稿；
集團網(wǎng)絡(luò)相關(guān)的安全限制等；
URL能否直接打開等蟀伸。
5.資源加載
使用小圖蚀同，適配屏幕尺寸下發(fā)圖片；
使用CDN加速啊掏；
使用gzip壓縮請求蠢络；
建立合理的緩存機制；
大量數(shù)據(jù)的分頁顯示迟蜜；
頁面懶加載刹孔；
6.頁面提示
頁面資源加載過程或者操作過程中的loading標示；
各種接口返回的狀態(tài)信息提示娜睛；
刷新頁面或者進行頁面操作的體驗：無閃髓霞、卡頓、屏抖動等情況畦戒；
7.非常規(guī)操作（異常操作）
涉及圖片方库、音視頻資源的系統(tǒng)靜音等的沖突等；
音視頻的切片處理障斋、圖片輪番處理纵潦；
鎖屏操作；
切到前/后臺返回的處理；
弱網(wǎng)測試酪穿；
8.數(shù)據(jù)埋點
用于BI的數(shù)據(jù)埋點
二凳干、常用工具
工欲善其事，必先利其器被济，在做H5前端性能測試之前救赐，選擇合適的工具能讓我們的測試工作事半功倍。
一類是抓包工具只磷，如Fiddler经磅、Charles等。這類工具不僅可以抓包钮追，還可以對包進行修改预厌，動態(tài)展示瀑布流，對web進行調(diào)試元媚。在我們做H5前端性能測試的時候轧叽，個人覺得只要不修改包，不對H5調(diào)試刊棕，就可以放棄使用這類工具炭晒，不是工具不好，而是大材小用（殺雞焉用牛刀甥角？网严？是吧！）嗤无。
還有一類震束，這里重點提到的是如Page Speed、PCAP Web Performance Analyzer当犯、WebPagetest這類平臺型工具垢村。我們可以快捷的測試出H5前端性能中數(shù)據(jù)，視圖灶壶，并給出一定程度的優(yōu)化建議肝断。
工具使用詳情請參考【H5前端性能測試快速入門】
三、壓力測試實例
詳見網(wǎng)址：https://blog.csdn.net/gaofei880219/article/details/80815870（高飛家的貓）
