其实这只是一种大概粗滤的手段,我的想法是(看某博客的代码)通过让网页在刚开始的时候渲染一张图片,
从而计算出渲染所用的时间。其实这和网速有一定的关系。但也不全是网速的原因,和计算机的卡顿……等综合因素都有关系。
但是正是因为这样,这个方法我觉得就很好。因为大多数时候我们关心的只是网页渲染的综合效率。
(下面代码中的img标签请回复原样,因为简书把他的格式改变了)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var st = new Date();
</script>
![测试图片](http://upload-images.jianshu.io/upload_images/6331078-35caafaebc606af8.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<div id='showtxt'></div>
<script>
var arr=["网速低于50KB","网速在50-100KB之间","网速在100-200KB之间","网速在200-300KB之间","视频通讯"];
function showspeed()
{
var filesize =35.4; //measured in KB
var et = new Date();
var speed = Math.round(filesize*1000)/(et - st);
document.title=speed;
var scope=(speed>0 && speed<=50)?0:(speed>50 && speed<=100)?1:(speed>=100 && speed<200)?2:(speed>=200 && speed<300)?3:4;
alert(scope)
document.getElementById("showtxt").innerHTML = ("您的下载速度为:" + arr[scope] + " (K/秒)")
}
</script>
</body>
</html>