mirror of
https://github.com/imsky/holder.git
synced 2026-01-12 23:37:55 -05:00
41 lines
1.0 KiB
HTML
41 lines
1.0 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Holder.js Render Benchmark</title>
|
|
<meta charset="utf-8">
|
|
<style type="text/css">
|
|
#meter {position:fixed; top:0; left:0;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="meter"></div>
|
|
<div id="test">Test is running…</div>
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.js"></script>
|
|
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/fpsmeter/0.3.1/fpsmeter.js"></script>
|
|
<script>
|
|
var src = 'holder.js/300x200';
|
|
|
|
function render () {
|
|
meter.tickStart();
|
|
var html = '<img data-src="' + src + '">';
|
|
$('#test').html(html);
|
|
Holder.run();
|
|
meter.tick();
|
|
setTimeout(render, 1)
|
|
}
|
|
|
|
var meter = new FPSMeter(document.getElementById('meter'));
|
|
|
|
var qs = window.location.search;
|
|
if (qs.indexOf('release=') === -1){
|
|
alert('No release specified.');
|
|
} else {
|
|
var release = qs.replace('?release=', '');
|
|
$.getScript('releases/holder-' + release + '/holder.js', function () {
|
|
render();
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |