|
 |
| |
แจก URLs speed test (JS, Ajax) |
| |
 |
|
|
 |
 |
|
benchmark-urls.html
Code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Benchmark URLs</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/_test/assets/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12">
<h1>Benchmark URLs</h1>
<button class="btn btn-default" onclick="beginsTest();">Start</button>
<button class="btn btn-warning" onclick="resetTest();">Reset</button>
</div>
</div>
<div class="row test-urls">
<div class="col-xs-2 url-1" data-url="http://test.dev/rundizstruct/public/">
</div>
<div class="col-xs-2 url-2" data-url="http://test.dev/_test/slim-skeleton/public/">
</div>
<div class="col-xs-2 url-3" data-url="http://test.dev/_test/fuelphp-1.8/public/">
</div>
<div class="col-xs-2 url-4" data-url="http://test.dev/github/agnicms/agni-cms/">
</div>
<div class="col-xs-2 url-5" data-url="http://test.dev/github/rundiz/fuel-start/public/th">
</div>
<div class="col-xs-2 url-6" data-url="http://test.dev/_test-webapp/wordpress/">
</div>
</div>
</div>
<script src="/_test/assets/js/jquery.min.js"></script>
<script src="/_test/assets/js/bootstrap.min.js"></script>
<script src="benchmark-urls.js"></script>
</body>
</html>
benchmark-urls.js
Code (JavaScript)
function beginsTest() {
$ = jQuery.noConflict();
$.each($('.test-urls > div'), function(index, value) {
url = $(this).data('url');
if (!$(this).find('h4').length) {
$(this).append('<h4 style="height: 60px;">'+url+'</h4>');
}
$.when(ajaxGetUrl(url, $(this)))
.then(ajaxGetUrl(url, $(this)))
.then(ajaxGetUrl(url, $(this)));
});
}
function ajaxGetUrl(url, thisobj) {
ajaxTime = new Date().getTime();
$.ajax({
url: url,
type: 'GET',
async: false
}).done(function() {
totalTime = new Date().getTime()-ajaxTime;
thisobj.append('<p>'+totalTime+'</p>');
delete ajaxTime;
delete totalTime;
});
}
function resetTest() {
$('.test-urls > div').html('');
}
jQuery(function($) {
});
พวก jquery, bootstrap หาโหลดเอานะครับ มีอยู่ทั่วไปเว็บของมันก็มี
ผมทำไว้ทดสอบ speed load, time load ของ URL แต่ละอันบน localhost ซึ่งมันก็ยังไม่ค่อยดีเท่าไหร่ เวลาอาจจะยังไม่เป๊ะ 100% คงทำให้เป๊ะเหมือนดูจากหน้า network tool ไม่ได้. แล้วก็ไม่สามารถหาค่าเฉลี่ยได้ เนื่องจากผมจนปัญญาในการทำงานกับ .each+deferred+ajax งงมากครับ. ใครทำได้ก็เอามาอัพเดทหน่อยนิ 
Tag : Ajax, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2017-06-02 16:51:43 |
By :
mr.v |
View :
1179 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2017-06-05 11:07:21 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
