Document fragment

JavaScript performance comparison

Revision 6 of this test case created by Murali

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="divContainer" class="containerClass">
        <input type="text" class="textbox" name="test" />
        <input type="text" class="textbox" />
        <input type="text" class="textbox" name="test" />
        <input type="text" class="textbox" />
        <div class="innerContainer" style="height:100px; width:100px; background-color:blue;" name="test">
            <p> </p>
        </div>
        <ul>
        </ul>
    </div>
    

Preparation code output

<div id="divContainer" class="containerClass"> <input type="text" class="textbox" name="test" /> <input type="text" class="textbox" /> <input type="text" class="textbox" name="test" /> <input type="text" class="textbox" /> <div class="innerContainer" style="height:100px; width:100px; background-color:blue;" name="test"> <p> </p> </div> <ul> </ul> </div>

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
No Fragment
var result1 = $('#divContainer div.innerContainer p').hide(); 
pending…
Fragment
var result1 = $('#divContainer p').hide(); 
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.

0 Comments