1、模擬弱網環境
打開Fiddler,Rules->Performance->勾選 Simulate Modem Speeds,勾選之后訪問網站會發現網絡慢了很多
2、Fiddler弱網的原理
Rules—>Cutomize Rules打開CustomRules.js 文檔
在文件中搜索關鍵字,m_SimulateModem
分析一下這幾行代碼:
-
首先來判斷m_SimulateModem是否為true,也就是是否設置了弱網模式。
-
如果為弱網模式。則分析代碼
-
oSession[“request-trickle-delay”] = “300”; 注釋的也很明白,Delay sends by 300ms per KB uploaded.上傳1KB需要300ms,轉化一下上傳速度:1Kb/0.3s = 10/3(KB/s)
-
如果你想設置上傳的速度為50KB/s,你則需要設置Delay 時間為 20ms
-
同樣的方法,也可以限制上傳的速度,調整oSession[“response-trickle-delay”]即可。
設置完成后,清空原有的log,並使用你的app進行弱網條件下的操作,
選擇第一個請求和最后一個請求,可獲得整個頁面加載所消耗的總體時間。從條形圖表中還可以分別出哪些請求耗時最多,從而對頁面的訪問進行訪問速度優化.如下圖:
不同請求耗時多少的圖形表,獲取那種資源耗時最大,進而進行優化,如下圖: