| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!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>
|