homo

JavaScript performance comparison

Test case created by dfgsdfgsdfgsdf

Preparation code

<li id="entry">
  <div class="name active">
    <a data-id="1" id="i1" class="text" href="#">test</a>
    <input type="text" class="hide input" />
    <span class="switch">
    </span>
    <a href="#" class="doneIcon"></a>
  </div>
  <div class="properties">
    <span class="text createdIcon">
      test
    </span>
    <span class="switch">
    </span>
    <span data-id="1" class="removeIcon">
    </span>
  </div>
</li>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Preparation code output

  • test
  • Test runner

    Warning! For accurate results, please disable Firebug before running the tests. (Why?)

    Java applet disabled.

    Testing in unknown unknown
    Test Ops/sec
    1
    var activeBox = $("#activeBox");
    var entry     = (activeBox.hasClass("group")) ?
                      $('<li class="entry">' +
                          '<div class="name active">' +
                            '<a class="text hide" href="#"></a>' +
                            '<input type="text" class="input"/>' +
                            '<span class="switch"></span>' +
                            '<div class="inner"></div>' +
                          '</div>' +
                          '<div class="properties">' +
                            '<span class="text createdIcon"></span>' +
                            '<span class="todosIcon"></span>' +
                            '<span class="todosIcon todosIcon2"></span>' +
                            '<span class="switch"></span>' +
                            '<span class="removeIcon"></span>' +
                            '<div class="inner"></div>' +
                          '</div>' +
                        '</li>') :

                        $('<li class="entry">' +
                            '<div class="name active">' +
                              '<a class="text hide dataID" href="#"></a>' +
                              '<input type="text" class="input"/>' +
                              '<span class="switch"></span>' +
                              '<a href="#" class="doneIcon"></a>' +
                            '</div>' +
                            '<div class="properties">' +
                              '<span class="text createdIcon"></span>' +
                              '<span class="switch"></span>' +
                              '<span class="removeIcon dataID"></span>' +
                            '</div>' +
                          '</li>');

        var prefix = (activeBox.hasClass("group")) ? "g" : "t";
        var text   = (activeBox.hasClass("group")) ? "new group entry" : "new todo entry";
        var url    = $("#boxWrap").data("url") +
                     ((activeBox.hasClass("group")) ?
                     "add/group" :
                     "add/todo");
    pending…
    2
    var activeBox = $("#activeBox");
    var entry;

        if(activeBox.hasClass("group")){
          entry = $('<li class="entry">' +
                      '<div class="name active">' +
                        '<a class="text hide" href="#"></a>' +
                        '<input type="text" class="input"/>' +
                        '<span class="switch"></span>' +
                        '<div class="inner"></div>' +
                      '</div>' +
                      '<div class="properties">' +
                        '<span class="text createdIcon"></span>' +
                        '<span class="todosIcon"></span>' +
                        '<span class="todosIcon todosIcon2"></span>' +
                        '<span class="switch"></span>' +
                        '<span class="removeIcon"></span>' +
                        '<div class="inner"></div>' +
                      '</div>' +
                    '</li>');
          prefix = "g";
          text   = "new group entry";
          url    = $("#boxWrap").data("url") + "add/group";
        }else{
          entry = $('<li class="entry">' +
                      '<div class="name active">' +
                        '<a class="text hide dataID" href="#"></a>' +
                        '<input type="text" class="input"/>' +
                        '<span class="switch"></span>' +
                        '<a href="#" class="doneIcon"></a>' +
                      '</div>' +
                      '<div class="properties">' +
                        '<span class="text createdIcon"></span>' +
                        '<span class="switch"></span>' +
                        '<span class="removeIcon dataID"></span>' +
                      '</div>' +
                    '</li>');
          prefix = "t";
          text   = "new todo entry";
          url    = "add/todo";
        }
    pending…
    3
    var element = $("#i1").parents("[id^='x']");
    pending…

    Compare results of other browsers

    Revisions

    You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

    0 comments

    Add a comment