it-swarm.cn

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

我有一个快速的服务器,和一个相当快的家庭互联网连接。如何在慢速连接上模拟我的页面加载?

74
Macha

FireFox Throttle 是FireFox扩展应该这样做。 Sloppy 是一个代理,它会降低你的连接速度,因此它应该适用于浏览器。

来源

版主编辑2013-02-02

此扩展程序不再可用,但已在 Github 上创建了一个repo。

25
Adam

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

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

23
Chris W. Rea

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

enter image description here

编辑(2015-11-03)

由于Chrome 45​​左右,它实际上更容易一些:您不必再处于设备模式。

enter image description here

22
Rafael Eyng

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

20
Ben Hoffman

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

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

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

8
biesiad

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

3
man

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

enter image description here

这将打开Developer Tools窗口,该窗口可能停靠在屏幕的右侧。我更喜欢它停靠在屏幕的底部,因为你可以看到更多的数据。要执行此操作,请单击三个垂直点,然后单击中间停靠位置。

enter image description here

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

enter image description here

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

enter image description here

选项范围从离线到WiFi,数字显示为延迟,下载,上传。最慢的是GPRS,然后是常规2G,然后是好2G,然后是普通3G,好3G,普通4G,DSL,然后是WiFi。选择其中一个选项,然后重新加载您所在的页面或在地址栏中输入另一个URL。只需确保您位于显示开发人员工具的同一选项卡中。限制仅适用于您启用它的选项卡。

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

enter image description here

使用GPRS时,www.google.com需要花费16秒才能加载!总的来说,这是一个很好的工具,内置于Chrome,您可以用它来测试您的网站加载时间较慢的连接。如果您有任何疑问,请随时发表评论。请享用!

3
Arbaz Alam

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

Speedlimit描述:

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

2
matinfo

一个快速而肮脏的解决方案是上传一个大文件试图阻止你的出站带宽,这会降低你的入站连接速度,并且通常比试图同样阻止入站带宽更容易。

1
Cebjyre

路由器方法(QoS)

实际上,最简单的方法之一就是登录路由器仪表板并调整 QoS 高级设置。然而......旧的,ISP提供的或更便宜的路由器通常没有先进的QoS功能,这将允许您限制带宽。

如果您是大多数使用便宜或ISP提供的路由器的用户,那么您可能有幸拥有一个开源项目支持的路由器,它将释放您的路由器的全部潜力,不仅解锁完整的QoS功能,而且许多仅在高端Cisco路由器中才有的高级功能。

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

1
Simon Hayter

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

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

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

    enter image description here

  4. 在Web浏览器中,打开 http:// localhost:3001 / ,然后单击“Network Throttle”链接以创建具有所选速度和端口的服务器:

    enter image description here

1
Setyo N

使用手机连接而不是快速家庭连接。使用视频流打开多个浏览器标签,以进一步减慢连接速度。

0
user1565578