<body>
<center>
<br><br><br><br><br><br>
Testing Your Current Bandwidth...
<script language="JavaScript">
<!--
time = new Date();
starttime = time.getTime();
// -->
</script>
<?php
// $data_file Should Be A Junk Binary File I Tested It With a 3 MB file.
//Use Any Binary File And Just Rename It
//I Just Used A ZIpped Backup File Of Mine
$data_file = "A_Sample_binary_file.zip";
$fd = fopen ($data_file, "rb+");
$test_kbytes = $default_kbyte_test_size;
$contents = fread ($fd, $test_kbytes * 1024);
echo "<!-- $contents -->";
fclose ($fd);
?> <script language="JavaScript">
<!--
time = new Date();
endtime = time.getTime();
if (endtime == starttime)
{downloadtime = 0
}
else
{downloadtime = (endtime - starttime)/1000;
}
=========================================================
== DONT TEST ON LOCALHOST UPLOAD THIS FILE AND THE BINARY FILE ==
== TO A SERVER AND THEN TEST IT ==
== IT WOULD BE GOOD IF YOU USE A BINARY FILE THATS MORE THAN 2 MB==
==========================================================
Online Demo On http://www.indoservices.org/skillbound/spd.php
If anyone is interested, I fixed some of the calculations and made an updated version of this script, incorporating AJAX for the download speed test:
PHP Code:
<?php
#####################################################################################################
# Note: I realize that KB and KiB have a commonly misunderstood formulation and I realize that #
# I am using "KB" and "MB" where I am truly calculating "KiB" and "MiB," respectively. Since #
# most people are used to seeing this information presented incorrectly, I am keeping that #
# tradition. If you prefer to see actual "KB" and "MB" ratings, just alter the $divisor variable #
# below to make the adjustment. #
#####################################################################################################
$data_file = "dilbert.zip"; // $data_file should be some generic binary file - this script was tested with a 3 MB zip file of some Dilbert comic strips. The file should be sufficiently large so that the latency from the initial HTTP request itself does not skew the results by much.
$filesize = filesize($data_file);
$divisor = 1024; //set this to 1000 instead of 1024 if you want true KB and MB, rather than mis-labeled KiB and MiB that we are most used to seeing...
if(isset($_GET['ajax'])){
// if it's an ajax call we just read and print the binary file's contents...
$fd = fopen ($data_file, "rb+");
$contents = fread ($fd, $filesize);
ob_start(print $contents);
ob_end_flush();
fclose ($fd);
exit(0);
}
else{
// if this visit is not an AJAX request we display the page itself...
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Bandwidth Test</title>
<script type="text/javascript">
//<!--
var time;
var starttime;
var endtime;
var downloadtime;
var kbps;
var ksec;
var mbps;
var msec;
var ajax_run = new XMLHttpRequest();
function addCommas(nStr){
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
function ajax_bandwidth_test(){
cancel_any_pending_ajax();
disable_table();
send_ajax_call();
}
function cancel_any_pending_ajax(){
if(ajax_run.readyState){
if (ajax_run.readyState != 0 && ajax_run.readyState != 4){
ajax_run.abort();
}
}
}
function disable_table(){
var action_row = document.getElementById('action_row');
var spans = action_row.getElementsByTagName('span');
var link = action_row.getElementsByTagName('a')[0];
link.style.zIndex = -1;
if (spans.length>1){
spans[1].className = 'disabled';
spans[2].className = 'disabled';
}
var status_box = document.getElementById('status');
status_box.innerHTML = "Testing Your Current Bandwidth...";
document.title = "Bandwidth Test | Running...";
}
function send_ajax_call(){
var result = '';
var x = new Date();
x = x.getTime();
var url = '<?php print $_SERVER['REQUEST_URI']; ?>?ajax='+x; //you will need to change the "?" to a "&" if your URI already has some $_GET variables in it... I haven't built in an automatic fix for that...
if (window.XMLHttpRequest){
// code for IE7+, Firefox, Chrome, Opera, Safari
ajax_run = new XMLHttpRequest();
}
else{
// code for IE6, IE5
ajax_run = new ActiveXObject("Microsoft.XMLHTTP");
}
ajax_run.onreadystatechange = function(){
if (ajax_run.readyState==4 && ajax_run.status==200){
result = ajax_run.responseBody; //ie won't work with responseText, but responseBody will work just fine...
if (result!=''){
//no point in printing the binary result to the page, just update the speed test results...
update_results();
}
else{
alert('Speed test failed!');
}
}
else if (ajax_run.readyState==1){
//connected to server, start the timer...
time = new Date();
starttime = time.getTime();
document.getElementById('status').innerHTML = "Testing Your Current Bandwidth... Connected..."
}
else if (ajax_run.readyState==2){
//server is processing the request...
document.getElementById('status').innerHTML = "Testing Your Current Bandwidth... Loading..."
}
else if (ajax_run.readyState==4 && ajax_run.status!=200){
alert('Speed test failed! (' + ajax_run.status + ')');
}
}
ajax_run.open("GET",url,true);
ajax_run.send();
}
function update_results(){
time = new Date();
endtime = time.getTime();
if (endtime == starttime){
downloadtime = 0;
}
else{
downloadtime = (endtime - starttime)/1000;
}
kbytes_of_data = <?php print $filesize/$divisor; ?>;
mbytes_of_data = <?php print $filesize/$divisor/$divisor; ?>;
ksec = kbytes_of_data / downloadtime;
msec = mbytes_of_data / downloadtime;
kbps = addCommas(Math.round(ksec * 8192)/1000);
mbps = addCommas(Math.round(msec * 8192)/1000);
ksec = addCommas(Math.round(ksec*100)/100);
msec = addCommas(Math.round(msec*100)/100);
var action_row = document.getElementById('action_row');
var cells = action_row.getElementsByTagName('td');
var link = document.getElementById('trigger');
var title = "Bandwidth Test | ";
var text = '';
if (msec>1){
cells[1].innerHTML = "<span>" + mbps + " mbps</span>";
cells[2].innerHTML = "<span>" + msec + " MB/s</span>";
title += msec + " MB/s";
text += addCommas(Math.round(mbytes_of_data*100)/100) + ' MB of data transferred in ' + downloadtime + ' seconds...';
}
else{
cells[1].innerHTML = "<span>" + kbps + " kbps</span>";
cells[2].innerHTML = "<span>" + ksec + " KB/s</span>";
title += ksec + " KB/s";
text += addCommas(Math.round(kbytes_of_data*100)/100) + ' KB of data transferred in ' + downloadtime + ' seconds...';
}
document.title = title;
document.getElementById('status').innerHTML = text;
link.style.zIndex = 1;
}
//-->
</script>
<style type="text/css">
*{margin:0;padding:0;}
body{padding:20px;background:#fff;}
table{border-collapse:collapse;position:relative;z-index:0;}
th,td{border:1px solid #000;cursor:default;}
th{padding:2px 5px;font-weight:bold;text-align:center;font-size:16px;}
td{width:120px;text-align:right;}
td span{padding:2px 5px;display:block;line-height:20px;}
td:first-child{width:110px;text-align:left;}
th:first-child{border-top:0;border-left:0;}
a{text-decoration:none;font-weight:bold;font-family:tahoma;font-size:12px;display:block;color:#333;padding:5px;text-align:center;position:relative;z-index:1;}
a:hover{background-color:#333;color:#fff;}
a,a:hover,a:focus,a:active{outline:0;}
#link_box{position:relative;}
#link_mask{display:block;width:100%;height:100%;background:transparent;position:absolute;top:0;left:0;z-index:0;padding:0;line-height:24px;font-size:500px;overflow:hidden;cursor:default;}
#status{margin-top:20px;}
.disabled{background-color:#333;color:#fff;}
.disclaimer td{border-right:0;border-bottom:0;border-left:0;font-size:11px;text-align:right;color:#333;width:auto;}
.disclaimer td em{font-weight:normal;font-style:italic;}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th> </th>
<th>bits</th>
<th>Bytes</th>
</tr>
</thead>
<tbody>
<tr id="action_row">
<td><div id="link_box"><a href="javascript:ajax_bandwidth_test();" id="trigger">Test Bandwidth</a><span id="link_mask"> </span></div></td>
<td> </td>
<td> </td>
</tr>
<tr class="disclaimer">
<td colspan="3">[ <em>speeds are only relative to your connection speed with this website</em> ]</td>
</tr>
</tbody>
</table>
<p id="status"></p>
</body>
</html>
<?php
}
?>
Freehostia won't let me put up a file greater than 500KB in size on their free service so the current file will have to do on that sample page. In your production, however, it would be best to use a larger file (I would guess about 2MB or 3MB for a good balance of accuracy and script performance time).
If anyone is interested, I fixed some of the calculations and made an updated version of this script, incorporating AJAX for the download speed test:
PHP Code:
<?php ##################################################################################################### # Note: I realize that KB and KiB have a commonly misunderstood formulation and I realize that # # I am using "KB" and "MB" where I am truly calculating "KiB" and "MiB," respectively. Since # # most people are used to seeing this information presented incorrectly, I am keeping that # # tradition. If you prefer to see actual "KB" and "MB" ratings, just alter the $divisor variable # # below to make the adjustment. # ##################################################################################################### $data_file = "dilbert.zip"; // $data_file should be some generic binary file - this script was tested with a 3 MB zip file of some Dilbert comic strips. The file should be sufficiently large so that the latency from the initial HTTP request itself does not skew the results by much. $filesize = filesize($data_file); $divisor = 1024; //set this to 1000 instead of 1024 if you want true KB and MB, rather than mis-labeled KiB and MiB that we are most used to seeing... if(isset($_GET['ajax'])){ // if it's an ajax call we just read and print the binary file's contents... $fd = fopen ($data_file, "rb+"); $contents = fread ($fd, $filesize); ob_start(print $contents); ob_end_flush(); fclose ($fd); exit(0); } else{ // if this visit is not an AJAX request we display the page itself... ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Bandwidth Test</title> <script type="text/javascript"> //<!-- var time; var starttime; var endtime; var downloadtime; var kbps; var ksec; var mbps; var msec; var ajax_run = new XMLHttpRequest(); function addCommas(nStr){ nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } function ajax_bandwidth_test(){ cancel_any_pending_ajax(); disable_table(); send_ajax_call(); } function cancel_any_pending_ajax(){ if(ajax_run.readyState){ if (ajax_run.readyState != 0 && ajax_run.readyState != 4){ ajax_run.abort(); } } } function disable_table(){ var action_row = document.getElementById('action_row'); var spans = action_row.getElementsByTagName('span'); var link = action_row.getElementsByTagName('a')[0]; link.style.zIndex = -1; if (spans.length>1){ spans[1].className = 'disabled'; spans[2].className = 'disabled'; } var status_box = document.getElementById('status'); status_box.innerHTML = "Testing Your Current Bandwidth..."; document.title = "Bandwidth Test | Running..."; } function send_ajax_call(){ var result = ''; var x = new Date(); x = x.getTime(); var url = '<?php print $_SERVER['REQUEST_URI']; ?>?ajax='+x; //you will need to change the "?" to a "&" if your URI already has some $_GET variables in it... I haven't built in an automatic fix for that... if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari ajax_run = new XMLHttpRequest(); } else{ // code for IE6, IE5 ajax_run = new ActiveXObject("Microsoft.XMLHTTP"); } ajax_run.onreadystatechange = function(){ if (ajax_run.readyState==4 && ajax_run.status==200){ result = ajax_run.responseBody; //ie won't work with responseText, but responseBody will work just fine... if (result!=''){ //no point in printing the binary result to the page, just update the speed test results... update_results(); } else{ alert('Speed test failed!'); } } else if (ajax_run.readyState==1){ //connected to server, start the timer... time = new Date(); starttime = time.getTime(); document.getElementById('status').innerHTML = "Testing Your Current Bandwidth... Connected..." } else if (ajax_run.readyState==2){ //server is processing the request... document.getElementById('status').innerHTML = "Testing Your Current Bandwidth... Loading..." } else if (ajax_run.readyState==4 && ajax_run.status!=200){ alert('Speed test failed! (' + ajax_run.status + ')'); } } ajax_run.open("GET",url,true); ajax_run.send(); } function update_results(){ time = new Date(); endtime = time.getTime(); if (endtime == starttime){ downloadtime = 0; } else{ downloadtime = (endtime - starttime)/1000; } kbytes_of_data = <?php print $filesize/$divisor; ?>; mbytes_of_data = <?php print $filesize/$divisor/$divisor; ?>; ksec = kbytes_of_data / downloadtime; msec = mbytes_of_data / downloadtime; kbps = addCommas(Math.round(ksec * 8192)/1000); mbps = addCommas(Math.round(msec * 8192)/1000); ksec = addCommas(Math.round(ksec*100)/100); msec = addCommas(Math.round(msec*100)/100); var action_row = document.getElementById('action_row'); var cells = action_row.getElementsByTagName('td'); var link = document.getElementById('trigger'); var title = "Bandwidth Test | "; var text = ''; if (msec>1){ cells[1].innerHTML = "<span>" + mbps + " mbps</span>"; cells[2].innerHTML = "<span>" + msec + " MB/s</span>"; title += msec + " MB/s"; text += addCommas(Math.round(mbytes_of_data*100)/100) + ' MB of data transferred in ' + downloadtime + ' seconds...'; } else{ cells[1].innerHTML = "<span>" + kbps + " kbps</span>"; cells[2].innerHTML = "<span>" + ksec + " KB/s</span>"; title += ksec + " KB/s"; text += addCommas(Math.round(kbytes_of_data*100)/100) + ' KB of data transferred in ' + downloadtime + ' seconds...'; } document.title = title; document.getElementById('status').innerHTML = text; link.style.zIndex = 1; } //--> </script> <style type="text/css"> *{margin:0;padding:0;} body{padding:20px;background:#fff;} table{border-collapse:collapse;position:relative;z-index:0;} th,td{border:1px solid #000;cursor:default;} th{padding:2px 5px;font-weight:bold;text-align:center;font-size:16px;} td{width:120px;text-align:right;} td span{padding:2px 5px;display:block;line-height:20px;} td:first-child{width:110px;text-align:left;} th:first-child{border-top:0;border-left:0;} a{text-decoration:none;font-weight:bold;font-family:tahoma;font-size:12px;display:block;color:#333;padding:5px;text-align:center;position:relative;z-index:1;} a:hover{background-color:#333;color:#fff;} a,a:hover,a:focus,a:active{outline:0;} #link_box{position:relative;} #link_mask{display:block;width:100%;height:100%;background:transparent;position:absolute;top:0;left:0;z-index:0;padding:0;line-height:24px;font-size:500px;overflow:hidden;cursor:default;} #status{margin-top:20px;} .disabled{background-color:#333;color:#fff;} .disclaimer td{border-right:0;border-bottom:0;border-left:0;font-size:11px;text-align:right;color:#333;width:auto;} .disclaimer td em{font-weight:normal;font-style:italic;} </style> </head> <body> <table> <thead> <tr> <th> </th> <th>bits</th> <th>Bytes</th> </tr> </thead> <tbody> <tr id="action_row"> <td><div id="link_box"><a href="javascript:ajax_bandwidth_test();" id="trigger">Test Bandwidth</a><span id="link_mask"> </span></div></td> <td> </td> <td> </td> </tr> <tr class="disclaimer"> <td colspan="3">[ <em>speeds are only relative to your connection speed with this website</em> ]</td> </tr> </tbody> </table> <p id="status"></p> </body> </html> <?php } ?>
Freehostia won't let me put up a file greater than 500KB in size on their free service so the current file will have to do on that sample page. In your production, however, it would be best to use a larger file (I would guess about 2MB or 3MB for a good balance of accuracy and script performance time).
Before you post, read our: 
