jQuery-Context-Speed

Benchmark created by Daniel Doezema on


Description

Check if using the jQuery context is faster than specifying the full CSS scope in the selector.

Preparation HTML

<div id="div1">
  <span>
    foo
  </span>
  <p>
    bar
  </p>
  <ul>
    <li>
      1
    </li>
    <li>
      2
    </li>
    <li>
      3
    </li>
    <ul>
</div>
<div id="div2">
  <span>
    foo
  </span>
  <p>
    bar
  </p>
  <ul>
    <li>
      1
    </li>
    <li>
      2
    </li>
    <li>
      3
    </li>
    <ul>
</div>
<div id="div3">
  <span>
    foo
  </span>
  <p>
    bar
  </p>
  <ul>
    <li>
      1
    </li>
    <li>
      2
    </li>
    <li>
      3
    </li>
    <ul>
</div>
<div id="div4">
  <span>
    foo
  </span>
  <p>
    bar
  </p>
  <ul>
    <li>
      1
    </li>
    <li>
      2
    </li>
    <li>
      3
    </li>
    <ul>
</div>
<div id="div5">
  <span>
    foo
  </span>
  <p>
    bar
  </p>
  <ul>
    <li>
      1
    </li>
    <li>
      2
    </li>
    <li>
      3
    </li>
    <ul>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Full CSS Scope
$("#div5 span, #div5 p, #div5 ul, #div5 ul li")
ready
jQuery Context
$("span, p, ul, ul li", $("#div5"))
ready

Revisions

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

  • Revision 1: published by Daniel Doezema on