performance-test-jquery-selectors-small-tree (v3)

Revision 3 of this benchmark created by Stas Melnikov on

Preparation HTML

<div class="header">
        <div class="main_container">
                        <a class="logo" href="#"></a>
                        <nav class="navigation">
                                        <a href="#" class="navigation_link_active">Home</a>
                                        <a href="#" class="navigation_link">About</a>
                                        <a href="#" class="navigation_link">Services</a>
                                        <a href="#" class="navigation_link">Portfolio</a>
                                        <a href="#" class="navigation_link">Contacts </a>
                        </nav>
        </div>
  </div>
  <div class="main_container" id="main">
        <div id="element"></div>
        <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem  Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий  безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>
        <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>  <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>  <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>  <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>  <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>  <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>  <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>  <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>
        <div class="post">
                <div class="left_column">
                        <p class="post_label">Котейка</p>
                </div>
                <div class="right_column">
                        <h1>Lorem Ipsum</h1>
                        <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
                        Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой"
                        для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и 
                        форм шрифтов, используя Lorem Ipsum для распечатки образцов. </p>
                </div>
        </div>
  </div>
  <footer class="footer">
                <div class="copyright">© My company, 2015</div>
  </footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
$(".post")
  (function(){
                var     elements = $(".post");
elements.css({"color": "red"});
        })();
ready
find
   (function(){
                var main = $("#main"),
                elements = main.find(".post");
elements.css({"color": "red"});
        })();
ready
siblings
(function(){
                var element = $("#element"),
                elements = element.siblings(".post");
elements.css({"color": "red"});
        })();
ready
post in elements
(function(){
  var element = $("#main"),
  elements = $(".post",element);
elements.css({"color": "red"});
})();
ready

Revisions

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

  • Revision 1: published by Stas Melnikov on
  • Revision 2: published on
  • Revision 3: published by Stas Melnikov on