Heim > Artikel > Web-Frontend > So testen Sie die Öffnungsreaktionsgeschwindigkeit der Zielwebsite mit JS

So testen Sie die Öffnungsreaktionsgeschwindigkeit der Zielwebsite mit JS

小云云Original: 2017-12-12 10:26:513096Durchsuche

Ich habe ein einfaches Tool zum Testen der Öffnungsgeschwindigkeit einer Verzeichnis-Website verwendet. Beachten Sie, dass dies nur die Geschwindigkeit beim Öffnen einer Verzeichnis-Website auf diesem Computer ist. Dies bedeutet nicht, dass andere Benutzer sie gleichzeitig öffnen Tatsächlich kann es auch verwendet werden, um die Geschwindigkeit des lokalen Netzwerks zu testen. In diesem Artikel wird kurz erklärt, wie man mit JS die Öffnungsreaktionsgeschwindigkeit der Zielwebsite testet. Die Methode ist einfach und für jeden auf einen Blick verständlich.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
</head>

<body bgcolor="transparent" style="color:#FFFFFF;">
<style type="text/css">
input{font-size:12px;padding:0 5px;line-height:21px; font-family:tahoma;border:1px solid #ccc;height:21px;}                        </style>
<script language="javascript">
tim=1
setInterval("tim++",100)
b=1
var autourl = new Array();
autourl[1] = "www.qq.com";
autourl[2] = "www.jb51.net";
autourl[3] = "www.baidu.com";
autourl[4] = "www.sina.com";

function butt(){
document.write("<form name=autof style=&#39;padding:0px; margin:0px;&#39;>")
for (var i = 1; i < autourl.length; i++) document.write("<input type=text name=txt" + i + " size=25 style=&#39;color:#999;&#39; value=测试中…> =》<input type=text name=url" + i + " size=40> =》<input type=button value=GO onclick=window.open(this.form.url" + i + ".value)><br>")
document.write("<input onclick=&#39;window.location.reload()&#39; type=submit value=&#39;刷新&#39; style=&#39;margin-top:10px&#39;></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="网址"+b+"链接超时"}
else
{ document.forms[0]["txt" + b].value = "网址" + b + ": 访问速度" + tim * 10 + "ms" }
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src="+autourl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto(&#39;"+autourl[i]+"&#39;) style=&#39;display:none&#39;>")}
run()
</script>
</body>
</html>

Die Netzwerkumgebung jedes Computers ist sehr komplex, daher dient der durch dieses Skript erhaltene Wert nur als Referenz.

Verwandte Empfehlungen:

Detaillierte Erläuterung der Verwendung der Memcache-Caching-Technologie in PHP zur Verbesserung der Antwortgeschwindigkeit_PHP-Tutorial

JS Testing and Access CI Guide

Zusammenfassung und Empfehlung der HTML 5-Spezialeffektseite und der JS-Testseite

Das obige ist der detaillierte Inhalt vonSo testen Sie die Öffnungsreaktionsgeschwindigkeit der Zielwebsite mit JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So entfernen Sie Kopf- und Fußzeilen beim Drucken von HTML auf einem JS-ClientNächster Artikel：So entfernen Sie Kopf- und Fußzeilen beim Drucken von HTML auf einem JS-Client

In Verbindung stehende Artikel

Mehr sehen