幸运飞艇停吗

ASP源碼.NET源碼PHP源碼JSP源碼JAVA源碼DELPHI源碼PB源碼VC源碼VB源碼Android源碼
當前位置:首頁 >> 網頁制作 >> web前端 >> H5前端性能測試

H5前端性能測試(1/3)

來源:網絡整理     時間:2018-10-17     關鍵詞:

幸运飞艇停吗 BENPIANWENZHANGZHUYAOJIESHAOLE" H5QIANDUANXINGNENGCESHI",ZHUYAOSHEJIDAOFANGMIANDENEIRONG,DUIYUwebQIANDUANGANXINGQUDETONGXUEKEYICANKAOYIXIA: YIBANSHUODAOXINGNENGCESHI,WOMENSHOUXIANXIANGDAODESHIJIEKOU(FUWUDUANYACE),DANSHIRUGUOFUWUDUANJIEKOUXINGNENGok,DANSHIDANGNIDEYEMIANZAILIULANQI/app nativeYUNXINGSHI,XINGNENGRENGRANBUTAILI...


      一般說到性能測試,我們首先想到的是接口(服務端壓測),但是如果服務端接口性能ok,但是當你的頁面在瀏覽器/app native運行時,性能仍然不太理想。這時候就需要對前端進行性能測試。由于H5可跨平臺,開發成本低,可隨時上線,且試錯成本低,可輕量的觸達用戶提供便捷的服務等優點,越來越受到追捧。但它也有缺點那就是無法將數據存儲在本地,性能相對較差(例如3D效果,頻繁的輸入輸出等等幸运飞艇停吗)所以做H5性能測試尤為重要。若H5是嵌入在navtive App中,則需要先在移動設備端進行專項測試(內存占用測試、弱網測試、流量測試、CPU測試、電量測試、幀率測試等)若發現CPU測試和幀率測試等等不達標時,也可借助chrom DevTools Performance來分析瓶頸,這里主要是講述chrom Devtools Performance性能測試。

幸运飞艇停吗   HTML5KEYISHIYONGchrom Devtools PerformanceLAIFENXIYUNXINGSHIDEXINGNENGBIAOXIAN。

  • 如何使用performance
幸运飞艇停吗      1. 啟動chrom瀏覽器-->打開新的無痕瀏覽窗口(在無痕瀏覽窗口瀏覽的頁面數據,歷史url,搜索信息,cookie信息不會被保存。需要把不用的擴展程序禁用,以防這些擴展程序影響測試結果).如圖所示:

     2. 在無痕瀏覽窗口中訪問demo

幸运飞艇停吗     3. ANF12/Command+Option+I(mac)/Control+shift+I(windows,Linux)LAIDAKAIdevtools-->XUANZE“Performance”Tab

     4. MONIYIDONGSHEHUANJING(CPUHENetwork)。YIDONGDUANSHEBEICPUYIBANBITAISHIJIHEBIJIBENRUOHENDUO,QIEWANGSUYEKENENGBIPCDUANYOUXIANWANGSUMAN。KEYIYONGCPUKONGZHIQI(CPU Throttling)LAIMONIYIDONGDUANSHEBEICPU;YONGNetworkLAIMONIYIDONGDUANSHEBEIDEWANGLUO。

      CAOZUOBUZOU:

幸运飞艇停吗                a. ZAIDevToolsZHONG-->DIANJIperformancer tab。

幸运飞艇停吗                b. XUANSHANGScreenshots checkbox(MORENSHIYIBEIXUANSHANGDE)。ZHEGESHIYONGLAICESHIYOUDONGHUAXIAOGUOSHIJINXINGJIETU

                c.DIANJICapture Settings--> SHEZHICPU,XUANZE4*slowdown,ZHESHIZHIMONIPCDUAN1/4DEDISUCPU(JIYIDONG                       SHEBEIDECPUZHIYOUPCDUANDE1/4)。

               d. DIANJICapture Settings--> SHEZHINetwork



     5.SHEZHIdemo

相關圖片

相關文章