JS를 사용하여 대상 웹사이트의 열기 응답 속도를 테스트하는 방법

小云云
풀어 주다: 2017-12-12 10:26:51
원래의
3117명이 탐색했습니다.

JS를 사용하여 디렉토리 웹사이트의 열기 속도를 테스트하는 간단한 도구를 작성했습니다. 이는 이 컴퓨터에서 디렉토리 웹사이트를 여는 속도일 뿐이며 다른 사용자가 같은 속도로 열 것이라는 의미는 아닙니다. 실제로 로컬 네트워크의 속도를 테스트하는 데에도 사용할 수 있습니다. 이 기사에서는 JS를 사용하여 대상 웹사이트의 열기 응답 속도를 테스트하는 방법을 모든 사람이 한 눈에 이해할 수 있도록 간단하고 명확하게 설명합니다.

<!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>
로그인 후 복사

각 컴퓨터의 네트워크 환경은 매우 복잡하므로 이 스크립트에서 얻은 값은 참고용일 뿐입니다.

관련 권장 사항:

응답 속도를 향상시키기 위해 PHP에서 Memcache 캐싱 기술을 사용하는 방법에 대한 자세한 설명_PHP 튜토리얼

JS 테스트 및 액세스 CI 가이드

HTML 5 특수 효과 페이지 및 js 테스트 페이지 요약 권장 사항

위 내용은 JS를 사용하여 대상 웹사이트의 열기 응답 속도를 테스트하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿