Maison  >  Article  >  interface Web  >  Comment tester la vitesse de réponse d'ouverture du site Web cible à l'aide de JS

Comment tester la vitesse de réponse d'ouverture du site Web cible à l'aide de JS

小云云
小云云original
2017-12-12 10:26:513097parcourir

J'ai utilisé JS pour écrire un outil simple pour tester la vitesse d'ouverture d'un site Web d'annuaire. Notez qu'il s'agit uniquement de la vitesse d'ouverture d'un site Web d'annuaire sur cette machine. Cela ne signifie pas que d'autres utilisateurs l'ouvriront en même temps. vitesse En fait, il peut également être utilisé pour tester la vitesse du réseau local. Cet article explique brièvement comment utiliser JS pour tester la vitesse de réponse d'ouverture du site Web cible. La méthode est simple et claire et peut être comprise par tout le monde en un coup d'œil.

<!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>

L'environnement réseau de chaque ordinateur est très complexe, la valeur obtenue par ce script est donc à titre de référence uniquement.

Recommandations associées :

Explication détaillée de l'utilisation de la technologie de mise en cache Memcache en PHP pour améliorer la vitesse de réponse_Tutoriel PHP

Guide de test et d'accès JS CI

Résumé et recommandation de la page d'effets spéciaux HTML 5 et de la page de test js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn