MeasureThat.net

Run results for: jquery 1.12.4 vs 2.2.4 (w/ jQuery Migrate) vs 3.5.1 (w/ jQuery Migrate) v4

Comparing performance of: jquery 1.12.4 vs jquery 2.2.4 vs jquery 3.5.1

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.135 Safari/537.36
Chrome 84
Windows
Desktop
4 years ago
Test name Executions per second
jQuery 1 12157.3 Ops/sec
jQuery 2 11652.6 Ops/sec
jQuery 3 9544.1 Ops/sec
HTML Preparation code:
AخA
 
1
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
2
<script>
3
    var $jq1 = $.noConflict(true);
4
</script>
5
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
6
<script src="https://code.jquery.com/jquery-migrate-3.3.1.min.js" integrity="sha256-APllMc0V4lf/Rb5Cz4idWUCYlBDG3b0EcN1Ushd3hpE=" crossorigin="anonymous"></script>
7
<script>
8
    var $jq2 = $.noConflict(true);
9
</script>
10
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
11
<script src="https://code.jquery.com/jquery-migrate-3.3.1.min.js" integrity="sha256-APllMc0V4lf/Rb5Cz4idWUCYlBDG3b0EcN1Ushd3hpE=" crossorigin="anonymous"></script>
12
<script>
13
    var $jq3 = $.noConflict(true);
14
</script>
15
<div id="jQueryMigrate"></div>
16
<div>
17
    <ul id="menu">
18
        <li class="menu-item">1</li>
19
        <li class="menu-item">2</li>
20
        <li class="menu-item">3</li>
21
        <li class="menu-item">4</li>
22
        <li class="menu-item">5</li>
23
        <li class="menu-item">6</li>
24
        <li class="menu-item">7</li>
25
        <li class="menu-item">7</li>
26
        <li class="menu-item">7</li>
27
        <li class="menu-item">7</li>
28
        <li class="menu-item">7</li>
29
        <li class="menu-item">7</li>
30
        <li class="menu-item">7</li>
31
        <li class="menu-item">7</li>
32
        <li class="menu-item">7</li>
33
        <li class="menu-item">7</li>
34
        <li class="menu-item">7</li>
35
        <li class="menu-item">7</li>
36
        <li class="menu-item">7</li>
37
        <li class="menu-item">7</li>
38
        <li class="menu-item">7</li>
39
        <li class="menu-item">7</li>
40
        <li class="menu-item">7</li>
41
        <li class="menu-item">7</li>
42
        <li class="menu-item">7</li>
43
        <li class="menu-item">7</li>
44
        <li class="menu-item">7</li>
45
        <li class="menu-item">7</li>
46
        <li class="menu-item">7</li>
47
        <li class="menu-item">7</li>
48
        <li class="menu-item">7</li>
49
        <li class="menu-item">7</li>
50
        <li class="menu-item">7</li>
51
        <li class="menu-item">7</li>
52
        <li class="menu-item">7</li>
53
        <li class="menu-item">7</li>
54
        <li class="menu-item">7</li>
55
        <li class="menu-item">7</li>
56
        <li class="menu-item">7</li>
57
        <li class="menu-item">7</li>
58
        <li class="menu-item">7</li>
59
        <li class="menu-item">7</li>
60
        <li class="menu-item">7</li>
61
        <li class="menu-item">7</li>
62
        <li class="menu-item">7</li>
63
        <li class="menu-item">7</li>
64
        <li class="menu-item">7</li>
65
        <li class="menu-item">7</li>
66
        <li class="menu-item">7</li>
67
        <li class="menu-item">7</li>
68
        <li class="menu-item">7</li>
69
        <li class="menu-item">7</li>
70
        <li class="menu-item">7</li>
71
        <li class="menu-item">7</li>
72
        <li class="menu-item">7</li>
73
        <li class="menu-item">7</li>
74
        <li class="menu-item">7</li>
75
        <li class="menu-item">7</li>
76
        <li class="menu-item">7</li>
77
        <li class="menu-item">7</li>
78
        <li class="menu-item">7</li>
79
        <li class="menu-item">7</li>
80
        <li class="menu-item">7</li>
81
        <li class="menu-item">7</li>
82
        <li class="menu-item">7</li>
83
        <li class="menu-item">7</li>
84
        <li class="menu-item">7</li>
85
        <li class="menu-item">7</li>
86
        <li class="menu-item">7</li>
87
        <li class="menu-item">7</li>
88
        <li class="menu-item">7</li>
89
    </ul>
90
</div>
Script Preparation code:
 
function tests($) {
    $(".menu-item").eq(2).closest("ul").css({
        "background-color": "red"
    }).parent().css({
        "border": "1px solid blue"
    }).append($("<p style='background-color: green;'>Text.</p>")).text('Text2.').css({
        'background-color': 'red'
    }).end().end().remove();
    console.log('tests' + $);
}
Tests:

  • jQuery 1

     
    tests($jq1);

  • jQuery 2

     
    tests($jq2);

  • jQuery 3

     
    tests($jq3);