基于H5的Speedtest网速测试工具搭建

简介: 基于H5的Speedtest网速测试工具搭建

前言:html5 Speedtest可用于查看下载速度、ping速度、上传速度;很小巧方便,直接打开页面点击一下start就能自动检测,你本机到远程服务器的网络状况,快速得到观测数据;这款服务器测速软件基于html5+php环境运行,使用非常简单。

一、speedtest原理简介


speedtest以HTML和JavaScript为主,利用客户端的浏览器通过上传和下载垃圾数据来测试HTTP传输速度,和大家常用的speedtest.net差不多.

 

speedtest使用任意操作系统上的任意Web服务器作为服务端,所以理论上它支持Windows/MacOS/Linux/Unix等系统,IIS/Nginx/Apache/lighttpd等服务器.


任意浏览器作为客户端如Chrome/Firefox/IE11/Edge/Safari/Opera?


speedtest默认使用PHP作为服务端,目前也有node.js版本,也可以只用纯静态服务器.

二、speedtest怎么安装呢


01安装相关组件


yum install httpd php git -y


640.png


02克隆speedtest代码


 git clone https://github.com/adolfintel/speedtest.git
 cd speedtest/
 cp -R backend/ example-singleServer-pretty.html *.js /var/www/html/
cd /var/www/html/
 mv example-singleServer-pretty.html index.html

640.png

640.jpg

640.png

03更改当前目录所属

chown -R apache *

640.png

04重启httpd服务


systemctl start httpd

640.png

05浏览器中访问主机ip测试

640.png

三、 总结


不论是测内网还是外网
不论是测 路由器, AP, 网卡还是VPS
不论是测 有线 NAT, 2.4G/5G WiFi 等软件转发

只要打开浏览器, 输入 speedtest 地址就行了.

speedtest 测速的优点:

  • 测试简单暴力. 浏览器就能测, 无需别装 app.

  • 界面简洁明了. 直观且无广告不收费.
  • 上行下行兼顾. 不用双向测试, 不像 iperf3 只能单向.

speedtest 测速的缺点:

  • 用户技能要求. 需要自己安装测速服务器, 希望本贴能解决这个问题.
  • 测速协议片面. 基于 HTTP 协议测速, 有些片面. 不过95%的用户有90%的网络使用都是 HTTP. (纯瞎说的 哈~)
  • 性能瓶颈要求. 因为基于 Web 服务器和 JavaScript, 所以服务器和客户端性能不能太差. 测试 2.5/5/10 千兆可能力不从心.
相关文章
|
3月前
|
移动开发 前端开发 API
期末测试——H5方式练习题
期末测试——H5方式练习题
35 0
|
Linux Python
centos使用Linux命令行测试网速/带宽
安装speedtest-cli speedtest-cli是一个用Python编写的轻量级Linux命令行工具,在Python2.4至3.4版本下均可运行。
3827 0
|
2月前
|
缓存 网络协议 Ubuntu
ubuntu 网卡网速测试bondnetperf测试优化tcp
ubuntu 网卡网速测试bondnetperf测试优化tcp
64 3
|
移动开发 定位技术 API
百度地图开发:H5获取GPS-wg84经纬度与百度定位API的偏差测试
百度地图开发:H5获取GPS-wg84经纬度与百度定位API的偏差测试
182 0
|
JavaScript 前端开发 Linux
使用 Linux 命令行测试网速
当发现上网速度变慢时,人们通常会先首先测试自己的电脑到网络服务提供商(通常被称为“最后一公里”)的网络连接速度。在可用于测试宽带速度的网站中,Speedtest.net也许是使用最广泛的。
2710 0
使用 Linux 命令行测试网速
|
Web App开发 移动开发 缓存
软件测试|H5性能分析实战
软件测试|H5性能分析实战
150 0
软件测试|H5性能分析实战
|
移动开发 小程序 测试技术
微信小程序和公众号H5自动化测试技巧,赶紧GET!
目前市面上,被大家用来做移动端App UI自动化测试工具最为常见的当属: Appium Airtest 很多小伙伴在刚接触这两款工具做App UI自动化测试时,难免会问到,他们能支持微信小程序或者微信公众号H5页面的自动化测试吗?答案显然是肯定的,但需要做一些特殊的设置。
1030 0
微信小程序和公众号H5自动化测试技巧,赶紧GET!
|
5G Linux Python
使用Speedtest CLI测试你的网速
使用Speedtest CLI测试你的网速
使用Speedtest CLI测试你的网速
|
Web App开发 测试技术
【开发调试】谷歌浏览器中调试移动网页和测试网速下页面效果
、    今天有幸给大家分享一下谷歌浏览器针对移动网页测试的技巧,主要是最近做个微信公共号网站。所以就要对页面测试拉。移动网页我们最长测得就是各种手机大小的页面效果和出现网络问题的效果展示。 今天就简单分享下在谷歌浏览器测试页面的适配和网速限制展示。
1400 0

热门文章

最新文章