Preparation code

<object id="object" data="http://jsperf.com"></object>

<iframe id="iframe" src="http://jsperf.com"></iframe>

<div id="tmpl">
        <div type="text/html" id="tmpl1">
                <div>
                        <ul>
                         <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                         <li>Aliquam tincidunt mauris eu risus.</li>
                         <li>Vestibulum auctor dapibus neque.</li>
                </ul>
                <ol>
                         <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                         <li>Aliquam tincidunt mauris eu risus.</li>
                         <li>Vestibulum auctor dapibus neque.</li>
                </ol>
                </div>
        </div>
        <div type="text/html" id="tmpl2">
                <div>
                        <ul>
                         <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                         <li>Aliquam tincidunt mauris eu risus.</li>
                         <li>Vestibulum auctor dapibus neque.</li>
                </ul>
                <ol>
                         <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                         <li>Aliquam tincidunt mauris eu risus.</li>
                         <li>Vestibulum auctor dapibus neque.</li>
                </ol>
                </div>
        </div>
        <div type="text/html" id="tmpl3">
                <div>
                        <ul>
                         <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                         <li>Aliquam tincidunt mauris eu risus.</li>
                         <li>Vestibulum auctor dapibus neque.</li>
                </ul>
                <ol>
                         <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
                         <li>Aliquam tincidunt mauris eu risus.</li>
                         <li>Vestibulum auctor dapibus neque.</li>
                </ol>
                </div>
        </div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
<script>
  Benchmark.prototype.setup = function() {
      var object = document.getElementById("object").contentDocument;
      var iframe = document.getElementById("iframe").contentDocument;
      var div = document.getElementById("tmpl");
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

object.getElementById("tests").innerHTML

iframe.getElementById("tests").innerHTML

$(div).find("#tmpl1").html();

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:

• Revision 1: published by Sandeep Vemula on 21st January 2013
• Revision 2: published on 21st January 2013

0 comments