在线测速网站的实现~

news/2024/5/20 22:47:13/文章来源:https://blog.csdn.net/weixin_30332241/article/details/95552132

在线测速系统

 

清明两天,一鼓作气将之前未完成的在线测速系统完成了~差不多结束掉所有的任务,可以专心复习考(比)研(赛)咯~

 

 

这个在线测速系统总共有三套测速引擎,分别是“快速测试”,“Ajax测试”,“压力测试”,不同引擎有不同的作用,下面就介绍下~

 

快速测试:

快速测试采用的是图片加载测速的方式。由于采用了阿里云的CDN加速,基本上测出的结果就是本机的网速了~

其中,点击按钮就是在一个进度条形的div中插入一张图片~加载完成后会触发onload函数,以时间计时的目的,经过简单的计算便可以得出网速啦~

PS:这个图片可以经过设计的,这样就可以模拟出进度条的样子,不会在加载的时候让人感觉浏览器像死了一样( ⊙o⊙ )。

 

Ajax测试:

这个实现蛮复杂,不过感觉还没有快速测试好用。大概原理是:点击按钮后,页面会向服务器发送测速请求。服务器收到请求后会发送相应大小的数据。通过检测接受数据的时间来测速。

其实,这个发送的数据就是一大串“a”,嘿嘿~因为要不断向客户端发送当前测速的进度,这无形中就占用了一些网速……因此,测速结果会偏低(在网速慢的机器上会比较明显)。不过ajax测试比较自由,利用一些jquery框架可以实现一些意想不到的功能,比如后面的压力测试~

 

压力测试:

这个才是压轴~哈哈~压力测试可以仅在使用浏览器的情况下获得当前网络的稳定性。是不是感觉非常牛~

大概原理就是,利用ajax测速,让服务器向客户端发送大量数据。因为tcp协议有一个窗口的字段,会限制服务器的发送速度与客户端的接受速度大概一致,以防止数据的丢失。因此,这时在服务器启动一个线程每隔1秒记录这一秒的速度,并利用ajax发送给客户端,就可以在客户端绘制出网络情况的折线图。

由于,要启动线程,还要在结束后释放线程,这使得程序一下复杂不少(后悔又懒得做架构了……)。在不断地删删改改中,程序差不多算是正常了。

这里有两点要注意的是,由于测速部分的代码是写在服务器上,这使得测得的数据要比实际大上10KB左右,经过多次测试,这10KB貌似是省不了了……

另一点是,ajax获得网络情况的数据后,要设置返回值类型。这里我用的是flot插件,返回值就要设置成json型(之前不知道,一直是text行,明明服务端将数据格式好,客户端就是不认……弄了一晚上才弄出来……)。

 

不管怎样,经过两天的奋斗,网站算是基本完成了,收工睡觉~~

转载于:https://www.cnblogs.com/akkz/p/3649603.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_761781.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ASP.NET 构建高性能网站 第2篇

前言:在对ASP.NET网站进行优化的时候,往往不是只是懂得ASP.NET就足够了的。 在优化的过程中,一般先是找出问题可能存在的地方,然后证明找出的问题就是要解决的问题,确认之后,在进行一些措施。系列文章在结构…

转:大型网站架构系列:消息队列(二)

本文是大型网站架构系列:消息队列(二),主要分享JMS消息服务,常用消息中间件(Active MQ,Rabbit MQ,Zero MQ,Kafka)。【第二篇的内容大部分为网络资源的整理和汇…

Win7使用python2.7搭建Django网站

1、第一步安装Python2.7.13----省略该步骤2、根据Django的建议下载相对应的Django版本3、使用阿里云镜像下载DjangoURL:https://mirrors.aliyun.com/pypi/simple/django/ 版主下载的版本是1.9.8URL:https://mirrors.aliyun.com/pypi/packages/cc/36/cc34…

Windows使用PHPstudy集成环境配置局域网访问网站

今天做了一个简单项目,想着通过公司局域网直接访问我的网站查看 看一下自己的电脑ip地址 cmd下ipconfig 打开PHPstudy集成环境点击 创建网站 配置网站信息,把原先对应虚拟主机域名的地方填写ip可以了 这样局域网就能访问看到了,线下应该也没…

不懂这些SEO技巧,你还敢说你是前端? 作者原创 版权保护

这篇文章其实是我本人的总结,因为工作中做完了一个官方网站并成功上线,最后组长检查代码看到我的keyword等一系列信息都是空的,把我骂得狗血淋头。一言不合就作总结,总结一些简单但是我们能做的seo小技巧,送给想把网站…

HTML+CSS Day11产品网站

1.佰亿首页 效果图&#xff1a; 代码&#xff1a; 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2 <html xmlns"http://www.w3.org/1999/xhtml">…

使用VS软件打开网站在浏览器浏览的方法

1、用VS软件打开网站之后&#xff0c;先检查网站是否使用IIS Express开发 2、若不是&#xff0c;则切换成使用IIS Express开发 3、检查项目使用的托管管道模式设置为经典模式了没有 4、最后选择“在浏览器中查看”&#xff0c;即可浏览网站了。 转载于:https://www.cnblogs.com…

selenium 对https网站(加密证书)进行自动化测试

由于公司需要&#xff0c;被测网站有证书加密&#xff0c;由于在selenium启动firefox的时候&#xff0c;它会重新建一个profile作为启动的profile&#xff0c;所以无论你怎么把站点设为可信任站点&#xff0c;在selenium启动的firefox中都是无效的。网上各种找方法&#xff0c;…

seo伪原创工具_伪原创自媒体工具

在媒体工作的程序员都知道伪原创种工具。今天&#xff0c;让我们来谈谈如何制作这些工具之一&#xff0c;并学习人类语言的计算机处理技术。该计划包括:1.来自媒体的语法和语义分析关键工具伪原创:对于给定的句子&#xff0c;分词、词性标注、命名实体识别和链接、句法分析、语…

python面试题网站有哪些_互联网公司Python的16道经典面试题

随着Python在企业中的应用越来越多&#xff0c;岗位需求越来越大&#xff0c;面试成为了搞定优质职位的快速方式&#xff0c;下面是笔者面试10余家企业总结的面试题&#xff0c;希望对Python从业者有帮助。 Python是如何进行内存管理的&#xff1f; 答:从三个方面来说,一对象的…

sql优化常用的几种方法_网站外链建设常用的几种方法

外链是SEO工作中的重点内容&#xff0c;也是SEO需要持续的工作之一&#xff0c;即使是在推出绿萝算法后&#xff0c;外链也是让网站获取收录排名的方法。在实际SEO优化过程中&#xff0c;外链依然是让大部分SEO优化人员无从下手&#xff0c;小编整理下外链建设的几种方法仅供参…

利用JS实现购物网站商品放大镜效果

大家几乎都有在网上购物的经验&#xff0c;有的网站会有一个商品放大镜功能&#xff0c; 就是把鼠标移到图片上的时候&#xff0c;旁边会有另外一张大的图片展示&#xff0c;等同于 放大镜效果&#xff0c;那这样的效果怎样实现的呢&#xff0c;我把代码发给大家&#xff0c;请…

新站软件快速排名_新网站快速排名方法有哪些?新站优化排名需要注意什么?...

很多新网站建站后都有这样的忧虑&#xff0c;就是优化了一段时间&#xff0c;排名不见提升&#xff0c;流量不见增加&#xff0c;只能羡慕着竞争对手每天访客如云。但是&#xff0c;空想着并不会天上掉流量。所以&#xff0c;今天的干货重点给大家分享关于新网站快速排名的方法…

开线程插数据_Python数据分析之数据采集:使用3个线程采集电子商务网站数据...

《大数据和人工智能交流》头条号向广大初学者新增C 、Java 、Python 、Scala、javascript 等目前流行的计算机、大数据编程语言&#xff0c;希望大家以后关注本头条号更多的内容。使用python编写3个线程同时采集商品“新品上架”的信息&#xff1a;一、页面参考信息页面部分代码…

seo模拟点击软件_SEO快排

seo优化技术作为搜索引擎营销的附属服务已经存在很多年了&#xff0c;其中技术奥妙想必大家都有了解。通常由于搜索规则的调整&#xff0c;很难让一个词稳定在一个位置。尽管seo站长会采用高权重外链&#xff0c;泛解析站群&#xff0c;机器人采集内容等手段增加上词概率&#…

h5 企业网站asp源码_老旧企业网站该如何进行SEO优化改版与调整

互联网的发展时间已经有几十年的历史了&#xff0c;而有不少企业在互联网发展的早期就已经开始建立起了自己的企业网站。对于这部分企业来说&#xff0c;其企业网站建立的时间较久&#xff0c;但是使用的相关建站技术也是较为陈旧。在互联网发展的的近十年&#xff0c;相关的建…

大型网站架构演化

前言 一个成熟的大型网站&#xff08;如淘宝、京东等&#xff09;的系统架构并不是开始设计就具备完整的高性能、高可用、安全等特性&#xff0c;它总是随着用户量的增加&#xff0c;业务功能的扩展逐渐演变完善的&#xff0c;在这个过程中&#xff0c;开发模式、技术架构、设计…

js 网页 隐藏地址栏_微软开放新开源网站;一行代码错误:5亿美金没了;Chrome86继续隐藏URL...

导读&#xff1a;本文给各位安利几个对于开发者有用的资讯和经验&#xff0c;希望对大家有借鉴。微软上线新开源网站近年来&#xff0c;微软对开放源代码似乎是上了瘾&#xff0c;细数下来它陆陆续续开源了不少产品&#xff0c;而且还增加了很多更新频率。这不&#xff0c;它刚…

克隆网站工具_一款开源且超好用的网站克隆机 HTTrack

0x00 前言我们在学习前端的时候&#xff0c;总是会想着去学习其他人网站是如何制作的&#xff0c;或者我们遇到一些比较有用的知识点的时候&#xff0c;我们可能会选择通过 Ctrl C / Ctrl V 去扒下内容&#xff0c;然而我并非是鼓励这种扒网站的行为&#xff0c;不过只要是开…

Jmter接口网站压力测试工具使用记录

1.首先下载Jmeter 官方地址&#xff1a;http://jmeter.apache.org/ 2.安装Jmeter 把下载的文件进行解压&#xff0c;产生如下目录&#xff1a;打开bin文件夹下的jmeter.bat文件及进入程序的主界面窗体jmeter.log是日志文件。主意&#xff1a;需要配置java环境。3.jmter创建一个…