YUI One vs getElementById (v278)

Revision 278 of this benchmark created on

Preparation HTML

<style type="text/css">
  .bar { display: none; }
</style>
<h1 id="0">
  HTML Ipsum Presents
</h1>
<p id="1">
  <strong id="2">
    Pellentesque habitant morbi tristique
  </strong>
  senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam,
  feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam
  egestas semper.
  <em id="3">
    Aenean ultricies mi vitae est.
  </em>
  Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
  Vestibulum erat wisi, condimentum sed,
  <code id="4">
    commodo vitae
  </code>
  , ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
  ipsum rutrum orci, sagittis tempus lacus enim ac dui.
  <a id="5" href="#">Donec non enim</a>
  in turpis pulvinar facilisis. Ut felis.
</p>
<h2 id="6">
  Header Level 2
</h2>
<ol id="7">
  <li id="8">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  </li>
  <li id="9">
    Aliquam tincidunt mauris eu risus.
  </li>
</ol>
<div id="10" class="bar testNot">
  <p id="11" class="bar">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in
    mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa.
    Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus
    turpis elit sit amet quam. Vivamus pretium ornare est.
  </p>
</div>
<blockquote id="12" class="bar" name="baz">
  <p id="13" class="testChild">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in
    mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa.
    Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus
    turpis elit sit amet quam. Vivamus pretium ornare est.
  </p>
</blockquote>
<h3 id="14" class="bar">
  Header Level 3
</h3>
<ul id="15">
  <li id="16" class="bar">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  </li>
  <li id="17" class="bar">
    Aliquam tincidunt mauris eu risus.
  </li>
</ul>
<pre id="18" class="bar">
  <code id="19" class="bar">
    #header h1 a { display: block; width: 300px; height: 80px; }
  </code>
</pre>
<script src="https://yui.yahooapis.com/3.7.3/build/yui/yui-min.js">
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Y.one(sel)
YUI().use('node', function(Y) {
  var o = Y.one("1");
  var t = Y.one("2");
  var th = Y.one("3");
  var f = Y.one("4");
  var fi = Y.one("5");
  var s = Y.one("6");
  var se = Y.one("7");
  var e = Y.one("8");
  var n = Y.one("9");
  var te = Y.one("10");
  var el = Y.one("11");
  var tw = Y.one("12");
  var thi = Y.one("13");
  var fo = Y.one("14");
  var fif = Y.one("15");
  var si = Y.one("16");
  var sev = Y.one("17");
  var ei = Y.one("18");
  var ni = Y.one("19");
});
ready
getElementById(str)
YUI().use('node', function(Y) {
  var o = document.getElementById("1");
  var t = document.getElementById("2");
  var th = document.getElementById("3");
  var f = document.getElementById("4");
  var fi = document.getElementById("5");
  var s = document.getElementById("6");
  var se = document.getElementById("7");
  var e = document.getElementById("8");
  var n = document.getElementById("9");
  var te = document.getElementById("10");
  var el = document.getElementById("11");
  var tw = document.getElementById("12");
  var thi = document.getElementById("13");
  var fo = document.getElementById("14");
  var fif = document.getElementById("15");
  var si = document.getElementById("16");
  var sev = document.getElementById("17");
  var ei = document.getElementById("18");
  var ni = document.getElementById("19");
});
ready
Y.one(el)
YUI().use('node', function(Y) {
  var o = document.getElementById("1");
  Y.one(o);
  
  var t = document.getElementById("2");
  Y.one(t);
  
  var th = document.getElementById("3");
  Y.one(th);
  
  var f = document.getElementById("4");
  Y.one(f);
  
  var fi = document.getElementById("5");
  Y.one(fi);
  
  var s = document.getElementById("6");
  Y.one(s);
  
  var se = document.getElementById("7");
  Y.one(se);
  
  var e = document.getElementById("8");
  Y.one(e);
  
  var n = document.getElementById("9");
  Y.one(n);
  
  var te = document.getElementById("10");
  Y.one(te);
  
  var el = document.getElementById("11");
  Y.one(el);
  
  var tw = document.getElementById("12");
  Y.one(tw);
  
  var thi = document.getElementById("13");
  Y.one(thi);
  
  var fo = document.getElementById("14");
  Y.one(fo);
  
  var fif = document.getElementById("15");
  Y.one(fif);
  
  var si = document.getElementById("16");
  Y.one(si);
  
  var sev = document.getElementById("17");
  Y.one(sev);
  
  var ei = document.getElementById("18");
  Y.one(ei);
  
  var ni = document.getElementById("19");
  Y.one(ni);
  
});
ready

Revisions

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