delayed onload

Benchmark created by Phil Parsons on

Preparation HTML

<!DOCTYPE html>
<html lang="en">
  
  <head>
    <meta charset="utf-8" />
    <title>
    </title>
    <script type='text/javascript'>
      window.q = [];
      window.$ = function(f) {
        q.push(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
$(function() {
  $.each(q, function(index, f) {
    f();
  });
});
ready
without
$.each(q, function(index, f) {
  $(f);
});
ready

Revisions

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