如何在JavaScript中检测互联网速度？

Question

如何在JavaScript中检测互联网速度？如何创建一个JavaScript页面来检测用户的互联网速度并将其显示在页面上？有点像“你的互联网速度是？/？”KB/s“.

Answer 1

好吧，现在是2017年了，所以您现在有了NetworkInformationAPI(尽管到目前为止对跨浏览器的支持有限)来获得某种类型的估计值下行链路速度信息：

navigator.connection.downlink

这是有效的带宽估计，以Mbit/秒为单位。浏览器根据最近观察到的跨最近活动连接的应用层吞吐量进行此估计。不用说，这种方法的最大优点是您不需要仅仅为了带宽/速度计算而下载任何内容。

您可以查看这个和其他一些相关属性。这里

由于它的支持有限和不同的浏览器实现(截至2017年11月)，强烈建议阅读这，这个详细

Answer 2

正如我在这是StackOverflow的另一个答案，您可以通过定时下载各种大小的文件(启动小，如果连接似乎允许的话加快)，确保通过缓存头来读取文件，而不是从缓存中检索文件。这不一定要求您有自己的服务器(文件可能来自S3或者类似的)，但是为了测试连接速度，您需要一些地方来获取文件。

也就是说，时间点带宽测试是众所周知的不可靠的，因为它们受到其他窗口下载的其他项目的影响，服务器的速度，路线上的链接等等，但是使用这种技术你可以得到一个粗略的想法。