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进行弱网条件下的操作，

选择第一个请求和最后一个请求，可获得整个页面加载所消耗的总体时间。从条形图表中还可以分别出哪些请求耗时最多，从而对页面的访问进行访问速度优化

如下图：

 

 

 

不同请求耗时多少的图形表，获取那种资源耗时最大，进而进行优化：

如下图