Remove attr composed vs chained simple methods

JavaScript performance comparison

Revision 2 of this test case created by John Bender

Info

This tests the performance of a vanilla chain of $.fn.removeAttr against the performance of a composed version of the underlying $.removeAttr.

Preparation code

<script src="//code.jquery.com/jquery-1.7.2.js"></script>
<script src="https://raw.github.com/johnbender/jquery-lazy-proxy/master/lazy.js"></script>
<script>
window.testElementCount = 20;
</script>
<script src="https://raw.github.com/johnbender/jquery-lazy-proxy/master/test/proxies-perf.js"></script>
 
<script>
Benchmark.prototype.setup = function() {
    // cache the test sets
    window.testSetDivs = $( "[data-test]" );
   
    // add the attribute and data to be removed
    window.testSetDivs
      .attr("foo", "bar")
      .attr("bing", "bang")
      .data( "baz", "bak" );
};
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
Vanilla chain with two $.fn.removeAttr
window.testSetDivs.removeAttr( "foo" ).removeAttr( "bing" );
pending…
Composition of two $.removeAttr
window.testSetDivs.cleanUpJustAttrs( "foo", "bing" );
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

1 comment

Leistungen Krankenkassen commented :

I do not know if it's just me or if perhaps everybody else experiencing problems with your site. It appears like some of the text within your content are running off the screen. Can somebody else please comment and let me know if this is happening to them too?

This may be a issue with my internet browser because I've had this happen before. Thanks

Add a comment