基于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

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

03

更改当前目录所属
chown -R apache *

04

重启httpd服务
systemctl start httpd

05

浏览器中访问主机ip测试

三、 总结

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

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

speedtest 测速的优点:
测试简单暴力. 浏览器就能测, 无需别装 app.
界面简洁明了. 直观且无广告不收费.
上行下行兼顾. 不用双向测试, 不像 iperf3 只能单向.
speedtest 测速的缺点:
用户技能要求. 需要自己安装测速服务器, 希望本贴能解决这个问题.
测速协议片面. 基于 HTTP 协议测速, 有些片面. 不过95%的用户有90%的网络使用都是 HTTP. (纯瞎说的 哈~)
性能瓶颈要求. 因为基于 Web 服务器和 JavaScript, 所以服务器和客户端性能不能太差. 测试 2.5/5/10 千兆可能力不从心.