如何模拟页面加载的慢速连接?


73

我有一个快速的服务器和一个相当快的家庭Internet连接。如何模拟慢速连接时的页面加载?


9
如何同时运行BitTorrent:¬)
pelms 2010年

@pelms随着我没有帮助,它不能让它...够慢
Meki

2
或尝试通过Tor Project代理运行连接
。.– pelms

1
@pelms您的评论建议都应合并为一个答案。我认为它们属于“快速而肮脏”的解决方案,每个人都喜欢:-)
Mario Awad 2014年

Answers:



23

Fiddler Web调试器是Windows的出色HTTP代理调试工具,其中包括调制解调器速度模拟功能(主菜单>规则>性能>模拟调制解调器速度)
Fiddler是免费软件

我也喜欢Charles Web调试代理(一种类似的工具)。查尔斯还可以限制连接速度。Charles是商业软件,但是有免费试用版。我最喜欢Charles的地方是它是跨平台的:基于Java,它可以在Windows,Mac OS X和Linux上运行。(您没有提到您使用的平台,但这可能是其中之一:-)


21

在Chrome中,您可以打开开发者工具,单击设备图标(1),然后选择连接限制(2)。

在此处输入图片说明

编辑(2015-11-03)

从Chrome 45开始,它实际上变得更简单了:您不必再处于设备模式。

在此处输入图片说明


1
最实用的答案。不需要安装其他软件。
MisterMetaphor 2015年

似乎并未限制websocket的流量
user74292 '18

20

试用http://www.webpagetest.org/test。您可以从世界各地的任何远程服务器上运行测试,并查看从这些位置加载页面的速度。它甚至可以让您在大多数位置使用拨号速度或其他慢速速度。


8

您可以使用Deelay.me放慢特定资源的速度:

<img src="http://deelay.me/1000?http://mysite.com/image.gif">

Deelay.me是Web资源的延迟代理。您可以将其与图像/样式表/脚本一起使用,以增加其加载时间。


很高兴知道这样的网站,但是OP希望放慢整个页面的速度,而不仅仅是资产
2012年

3

我认为问题与我的问题相同。在内部开发Web项目,在LAN服务器或VM上工作时,有时您需要模拟真实的场景,就像服务器负载很高一样,以便查看客户端页面的加载速度,以及是否由于服务器的行为和延迟,来自服务器的数据实际上会加载并且不会破坏您的客户端功能。由于没有模拟真实案例的完美方法,因此最好的办法是确保仅在从服务器完全检索到数据之后才触发事件。到目前为止,使用$ .ajax完整函数和async:false似乎可以解决问题。这样可以确保您需要触发的任何基于数据的事件都不会执行,除非数据存在。


3

使用Chrome模拟慢速连接如果您尚未在系统上安装Chrome,请继续安装Chrome。完成后,打开一个新选项卡,然后按CTRL + SHIFT + I打开开发人员工具窗口,或依次单击汉堡包图标,更多工具和开发人员工具。

在此处输入图片说明

这将打开“开发人员工具”窗口,该窗口可能会停靠在屏幕右侧。我更喜欢将其停靠在屏幕底部,因为您可以看到更多数据。为此,请单击三个垂直点,然后单击中间基座位置。

在此处输入图片说明

现在,继续并单击“网络”选项卡。在右侧,您应该看到一个名为“无限制”的标签。

在此处输入图片说明

如果单击它,您将获得一个预配置速度的下拉列表,可用于模拟慢速连接。

在此处输入图片说明

选择范围从“脱机”到“ WiFi”,数字显示为“延迟”,“下载”,“上传”。最慢的是GPRS,然后是常规2G,然后是常规2G,然后是常规3G,常规3G,常规4G,DSL,然后是WiFi。选择其中一个选项,然后重新加载您所在的页面,或在地址栏中键入另一个URL。只要确保您在与开发人员工具相同的选项卡中即可。节流仅适用于启用了该选项卡的选项卡。

如果要使用自己的特定值,可以单击“自定义”下的“添加”按钮。单击添加自定义配置文件按钮以添加新的配置文件。

在此处输入图片说明

使用GPRS时,www.google.com的加载时间高达16秒钟!总体而言,这是Chrome内置的出色工具,可用于测试连接速度较慢时的网站加载时间。如有任何疑问,请随时发表评论。请享用!


2

您可以使用名为Speedlimit的免费应用程序在Mac上模拟各种网络速度。

限速说明:

SpeedLimit是Leopard首选项窗格,用于将网络带宽限制为几种不同的速度之一-768k DSL,Edge,3G和Dialup。这对于在iPhone模拟器中的正常Edge网络条件下测试iPhone应用程序非常方便。


1

一种快速而肮脏的解决方案是上传一个大文件来尝试限制您的出站带宽,这会减慢您的入站连接,并且通常比尝试类似地阻止入站带宽要容易。


1

路由器方法(QoS)

实际上,最简单的方法之一就是直接登录路由器仪表板并调整QoS高级设置。但是...旧的,ISP提供的或更便宜的路由器通常不具有高级QoS功能,这将使您无法控制带宽。

如果您是使用便宜的路由器或ISP提供的路由器的大多数用户之一,那么您可能很幸运地拥有开放源代码项目支持的路由器,这将释放路由器的全部潜力,不仅会释放完整的QoS功能,而且还会释放很多仅在高端Cisco路由器中发现的高级功能。

一些开源路由器固件项目包括:


1

您可以使用node.jsbrowser-sync在本地主机上的本地Web服务器上模拟慢速连接。

  1. 安装node.js
  2. 从node.js命令提示符运行以下命令: npm install -g browser-sync

  3. 从node.js命令提示符运行以下命令: browser-sync start --server

    在此处输入图片说明

  4. 在网络浏览器中,打开http:// localhost:3001 /,然后单击“网络限制”链接以使用选定的速度和端口创建服务器:

    在此处输入图片说明


0

使用手机代替快速家庭连接。打开带有视频流的多个浏览器选项卡,以进一步降低连接速度。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.