在Chrome浏览器的开发者工具中,有多种方法可以限制网络连接以模拟不同的连接类型。
用于选择连接类型的菜单,用于显示用于模拟每种连接类型的速度和延迟
现在,至少从Chrome 64开始,有关速度和延迟的有用信息已被删除
我尝试在我自己的自定义配置文件中复制常规3G和Good 3G的第一张图像中的数字,以查看它们是否与第一张图像中的慢速3G和快速3G预设相匹配,但我得到了与DOMContentLoaded和Load相比显着不同的结果预设和我的自定义配置文件之间的事件时间。
答案 0 :(得分:34)
DevTools技术作家和开发人员在这里提倡。改变背后的历史是DevTools现在试图模仿快速3G网络真正感觉的真实条件。以前,DevTools向您显示上传/下载/ RTT值,正如您在旧UI的屏幕截图中所示。但这些价值观具有误导性。它们在技术上可能是正确的,但是当DevTools与其他限制工具进行基准测试时,DevTools没有足够的节流。例如。如果您加载了一个带有工具A的页面,该工具A会限制3G,然后使用DevTools加载相同的页面(同样也会限制3G),使用DevTools可以更快地加载页面。
因此,DevTools不再显示确切的值,但如果您测量DevTools对其他限制工具的加载性能,您可以看到它们现在都表现相似。
DevTools不再显示值的原因是它们没有很好地映射到现实。例如,您可能会查看某个连接速度被定义为X下载速率,Y上传速率和Z RTT速率。所以你把这些值放到DevTools中。这些价值观并不能很好地接近现实世界的条件。 DevTools的加载速度将超过实际体验。最好对特定页面在该连接上的加载方式进行基准测试,然后调整输入值,直到DevTools在与实际基准测试相同的时间内加载基准页面。
当然,另一种方法是让Chrome工程师调整Chrome的限制引擎,以便您输入的值实际上很好地映射到现实。但无论出于何种原因,这种情况都没有发生。
由于可以添加自定义限制,我知道我们需要更新DevTools UI来解释这个限制。换句话说,当您创建自定义限制时,您应该对页面进行基准测试,然后调整DevTools输入,直到它与基准测试匹配,而不是依赖于值。
希望这是有道理的。