Comment tester la vitesse de réponse d'ouverture du site Web cible à l'aide de JS-js tutoriel-php.cn

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

小云云

Libérer： 2017-12-12 10:26:51

original

3045 Les gens l'ont consulté

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>

Copier après la connexion

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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