delayed onload 3 (v5)

Revision 5 of this benchmark created on


Preparation HTML

<!DOCTYPE html>
<html lang="en">
  
  <head>
    <meta charset="utf-8" />
    <title>
    </title>
    <script type='text/javascript'>
     window.$ = (function() {
  var q = [], f = function (cb) {
    q.push(cb);
  };
  f.attachReady = function ($) { 
    $(function () {
      $.each(q, function(i, f) {
        f();
      });
      q.length = 0; // clear it, just in case
    });
    return $;
  }
  return f;
})();
    </script>
  </head>
  
  <body>
    <div>
      <script>
        $(function() {
          console.log("wallop");
        });
      </script>
      <nav>
        <ol>
          <li>
            <a href="##">1</a>
<script>
        $(function() {
          console.log("wallop");
        });
      </script>
          </li>
          <li>
            <a href="##">2</a>
<script>
        $(function() {
          console.log("wallop");
        });
      </script>
          </li>
          <li>
            <a href="##">3</a>
<script>
        $(function() {
          console.log("wallop");
        });
      </script>
          </li>
          <li>
            <a href="##">4</a>
<script>
        $(function() {
          console.log("wallop");
        });
      </script>
          </li>
          <li>
            <a href="##">5</a>
<script>
        $(function() {
          console.log("wallop");
        });
      </script>
          </li>
          <li>
            <a href="##">6</a>
<script>
        $(function() {
          console.log("wallop");
        });
      </script>
          </li>
          <li>
            <a href="##">7</a>
<script>
        $(function() {
          console.log("wallop");
        });
      </script>
          </li>
          <li>
            <a href="##">8</a>
<script>
        $(function() {
          console.log("wallop");
        });
      </script>
          </li>
          <li>
            <a href="##">9</a>
<script>
        $(function() {
          console.log("wallop");
        });
      </script>
          </li>
        </ol>
      </nav>
      <script>
        $(function() {
          $("a").click(function(ev) {
            ev.preventDefault();
            console.log($(this).text());
            });
          });
      </script>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
    </script>
  </body>

</html>

Test runner

Ready to run.

Testing in
TestOps/sec
with onload
alert();
ready
without
 
ready

Revisions

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