jquery_cached (v3)

Revision 3 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
(function (win)
{
        var Store = {},
                DOMCache = {
                get: function ( selector, force )
                        {
                                if ( Store[selector] && !force )
                                {
                                        return Store[selector];
                                }
                                
                                return (Store[selector] = $(selector));
                        }
        };
        win.DOMCache = DOMCache;
}(window));
$(document).ready(function() {
  window.$h1 = $('h1');
  window.$h2 = $('h2');
});
</script>
<h1>Header 1</h1>
<h2>Header 2</h2>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery
$('h1').addClass('inactive');
$('h1').text('hello');
$('h2').addClass('inactive');
$('h2').text('hello');
 
ready
jQuery Cached
var $h1 = $('h1'), $h2 = $('h2');

$h1.addClass('inactive');
$h1.text('hello');
$h2.addClass('inactive');
$h2.text('hello');
ready
jQuery Chaining
$('h1').addClass('inactive').text('hello');
$('h2').addClass('inactive').text('hello');
ready
DOMCache
DOMCache.get('h1').addClass('inactive');
DOMCache.get('h1').text('hello');
DOMCache.get('h2').addClass('inactive');
DOMCache.get('h2').text('hello');
 
ready
DOMCache chaining
DOMCache.get('h1').addClass('inactive').text('hello');
DOMCache.get('h2').addClass('inactive').text('hello');
ready
Manual Cache
window.$h1.addClass('inactive')
window.$h1.text('hello');
window.$h2.addClass('inactive')
window.$h2.text('hello');
ready
Manual Cache Chaining
window.$h1.addClass('inactive').text('hello');
window.$h2.addClass('inactive').text('hello');
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.