打開Fiddler,Rules->Performance->勾選 Simulate Modem Speeds,勾選以後訪問網站會發現網絡慢了不少算法
3.2.Fiddler弱網的原理網絡
Rules—>Cutomize Rules打開CustomRules.js 文檔app
在文件中搜索關鍵字,m_SimulateModem測試
網絡取值的算法就是 1000/下載速度 = 須要delay的時間(毫秒),好比50kb/s 須要delay200毫秒來接收數據。優化
讓咱們來分析一下這幾行代碼:網站
首先來判斷m_SimulateModem是否爲true,也就是是否設置了弱網模式。spa
若是爲弱網模式。則分析代碼代理
oSession[「request-trickle-delay」] = 「300」; 註釋的也很明白,Delay sends by 300ms per KB uploaded.上傳1KB須要300ms,轉化一下上傳速度:1Kb/0.3s = 10/3(KB/s)orm
若是你想設置上傳的速度爲50KB/s,你則須要設置Delay 時間爲 20msblog
一樣的方法,也能夠限制上傳的速度,調整oSession[「response-trickle-delay」]便可。
設置完成後,清空原有的log,並使用你的app進行弱網條件下的操做,
選擇第一個請求和最後一個請求,可得到整個頁面加載所消耗的整體時間。從條形圖表中還能夠分別出哪些請求耗時最多,從而對頁面的訪問進行訪問速度優化
以下圖:
不一樣請求耗時多少的圖形表,獲取那種資源耗時最大,進而進行優化:
以下圖