PerformanceTests/ARES-6/air_benchmark.js

@@if (isInBrowser) {
100100 firstIteration: document.getElementById("AirFirstIteration"),
101101 averageWorstCase: document.getElementById("AirAverageWorstCase"),
102102 steadyState: document.getElementById("AirSteadyState"),
103  message: document.getElementById("AirMessage")
 103 message: document.getElementById("AirMessage"),
 104 test: document.getElementById("AirTest"),
104105 }
105106}

PerformanceTests/ARES-6/babylon_benchmark.js

@@if (isInBrowser) {
6363 firstIteration: document.getElementById("BabylonFirstIteration"),
6464 averageWorstCase: document.getElementById("BabylonAverageWorstCase"),
6565 steadyState: document.getElementById("BabylonSteadyState"),
66  message: document.getElementById("BabylonMessage")
 66 message: document.getElementById("BabylonMessage"),
 67 test: document.getElementById("BabylonTest"),
6768 };
6869}

PerformanceTests/ARES-6/basic_benchmark.js

@@if (isInBrowser) {
7979 firstIteration: document.getElementById("BasicFirstIteration"),
8080 averageWorstCase: document.getElementById("BasicAverageWorstCase"),
8181 steadyState: document.getElementById("BasicSteadyState"),
82  message: document.getElementById("BasicMessage")
 82 message: document.getElementById("BasicMessage"),
 83 test: document.getElementById("BasicTest"),
8384 };
8485}

PerformanceTests/ARES-6/index.html

1616 <script src="driver.js"></script>
1717 <script src="results.js"></script>
1818 <script src="stats.js"></script>
19 
 19
2020 <div class="swoop">&nbsp;</div>
21 
 21
2222 <header>
2323 <h1 class="logo"><img src="ARES-6.svg" title="ARES-6" alt="ARES-6"></h1>
2424 <button id="trigger" class="start">

2828 </header>
2929
3030 <main>
31 
 31
3232 <p>ARES-6 measures the execution time of JavaScript's newest features. <a href="about.html">Read more details&hellip;</a></p>
3333
3434 <div class="overall">

3838 <span class="value">&#8709;</span><span class="units">ms</span>
3939 </span>
4040 </div>
41  </div>
42 
 41 </div>
 42
4343 <div class="tests">
44 
45  <div class="air test">
 44
 45 <div id="AirTest" class="air test">
4646 <div id="AirMessage" class="indicator">.</div>
47  <h2>Air</h2>
 47 <h2>Air</h2>
4848
4949 <div class="score">
5050 <label>First Iteration</label>

5252 <span class="value">&#8709;</span><span class="units">ms</span>
5353 </span>
5454 </div>
55 
 55
5656 <div class="score">
5757 <label>Worst 4 Iterations</label>
5858 <span id="AirAverageWorstCase">

6767 </span>
6868 </div>
6969 </div>
70 
71  <div class="basic test">
 70
 71 <div id="BasicTest" class="basic test">
7272 <div id="BasicMessage" class="indicator">.</div>
73  <h2>Basic</h2>
74 
 73 <h2>Basic</h2>
 74
7575 <div class="score">
7676 <label>First Iteration</label>
7777 <span id="BasicFirstIteration">
78  <span class="value">&#8709;</span><span class="units">ms</span>
 78 <span class="value">&#8709;</span><span class="units">ms</span>
7979 </span>
8080 </div>
81 
 81
8282 <div class="score">
8383 <label>Worst 4 Iteratons</label>
8484 <span id="BasicAverageWorstCase">
85  <span class="value">&#8709;</span><span class="units">ms</span>
 85 <span class="value">&#8709;</span><span class="units">ms</span>
8686 </span>
8787 </div>
8888
8989 <div class="score">
9090 <label>Average</label>
9191 <span id="BasicSteadyState">
92  <span class="value">&#8709;</span><span class="units">ms</span>
 92 <span class="value">&#8709;</span><span class="units">ms</span>
9393 </span>
9494 </div>
9595 </div>
9696
97  <div class="babylon test">
 97 <div id="BabylonTest" class="babylon test">
9898 <div id="BabylonMessage" class="indicator">.</div>
99  <h2>Babylon</h2>
100 
 99 <h2>Babylon</h2>
 100
101101 <div class="score">
102102 <label>First Iteration</label>
103103 <span id="BabylonFirstIteration">
104  <span class="value">&#8709;</span><span class="units">ms</span>
 104 <span class="value">&#8709;</span><span class="units">ms</span>
105105 </span>
106106 </div>
107 
 107
108108 <div class="score">
109109 <label>Worst 4 Iterations</label>
110110 <span id="BabylonAverageWorstCase">
111  <span class="value">&#8709;</span><span class="units">ms</span>
 111 <span class="value">&#8709;</span><span class="units">ms</span>
112112 </span>
113113 </div>
114114
115115 <div class="score">
116116 <label>Average</label>
117117 <span id="BabylonSteadyState">
118  <span class="value">&#8709;</span><span class="units">ms</span>
 118 <span class="value">&#8709;</span><span class="units">ms</span>
119119 </span>
120120 </div>
121121 </div>
122122
123  <div class="ML test">
 123 <div id="MLTest" class="ML test">
124124 <div id="MLMessage" class="indicator">.</div>
125  <h2>ML</h2>
126 
 125 <h2>ML</h2>
 126
127127 <div class="score">
128128 <label>First Iteration</label>
129129 <span id="MLFirstIteration">
130  <span class="value">&#8709;</span><span class="units">ms</span>
 130 <span class="value">&#8709;</span><span class="units">ms</span>
131131 </span>
132132 </div>
133 
 133
134134 <div class="score">
135135 <label>Worst 4 Iterations</label>
136136 <span id="MLAverageWorstCase">
137  <span class="value">&#8709;</span><span class="units">ms</span>
 137 <span class="value">&#8709;</span><span class="units">ms</span>
138138 </span>
139139 </div>
140140
141141 <div class="score">
142142 <label>Average</label>
143143 <span id="MLSteadyState">
144  <span class="value">&#8709;</span><span class="units">ms</span>
 144 <span class="value">&#8709;</span><span class="units">ms</span>
145145 </span>
146146 </div>
147147 </div>
148148
149149 </div>
150150 </main>
151 
 151
152152 <iframe id="magic" frameBorder=0></iframe>
153153 <script src="air_benchmark.js"></script>
154154 <script src="basic_benchmark.js"></script>
155155 <script src="babylon_benchmark.js"></script>
156156 <script src="ml_benchmark.js"></script>
157157 <script src="glue.js"></script>
158 
 158
159159</body>
160160</html>

PerformanceTests/ARES-6/ml_benchmark.js

@@if (isInBrowser) {
6363 firstIteration: document.getElementById("MLFirstIteration"),
6464 averageWorstCase: document.getElementById("MLAverageWorstCase"),
6565 steadyState: document.getElementById("MLSteadyState"),
66  message: document.getElementById("MLMessage")
 66 message: document.getElementById("MLMessage"),
 67 test: document.getElementById("MLTest"),
6768 };
6869}

PerformanceTests/ARES-6/results.js

@@class Results {
4343 reportRunning()
4444 {
4545 if (isInBrowser)
46  this._benchmark.cells.message.classList.add('running');
 46 this._benchmark.cells.test.classList.add('running');
4747 }
4848
4949 reportDone()
5050 {
5151 if (isInBrowser)
52  this._benchmark.cells.message.classList.remove('running');
 52 this._benchmark.cells.test.classList.remove('running');
5353 }
5454
5555 reportResult(times)

PerformanceTests/ARES-6/styles.css

@@p {
163163 left: -1.2rem;
164164}
165165
166 .test .indicator.running {
 166.test.running .indicator {
167167 animation: test-running 1s;
168168}
169169

@@p {
172172 100% { opacity: 1; }
173173}
174174
 175.test.running h2 {
 176 color: #ffffff;
 177}
 178
175179.score {
176180 color: #E7B135;
177181 margin: 1rem 0;