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进行弱网条件下的操作,
选择第一个请求和最后一个请求,可获得整个页面加载所消耗的总体时间。从条形图表中还可以分别出哪些请求耗时最多,从而对页面的访问进行访问速度优化
如下图:
不同请求耗时多少的图形表,获取那种资源耗时最大,进而进行优化:
如下图