Star Selector Perf
Testing perf impact of * selector for CSS3 transition config
HTML
<div id=outerdiv> <!-- outermost DIV -->
<div>
<div> <p class='pclass0001'> <a id='id0001' class='class0001'>0001</a> </p> </div>
<div> <p class='pclass0002'> <a id='id0002' class='class0002'>0002</a> </p> </div>
<div> <p class='pclass0003'> <a id='id0003' class='class0003'>0003</a> </p> </div>
<div> <p class='pclass0004'> <a id='id0004' class='class0004'>0004</a> </p> </div>
<div> <p class='pclass0005'> <a id='id0005' class='class0005'>0005</a> </p> </div>
<div> <p class='pclass0006'> <a id='id0006' class='class0006'>0006</a> </p> </div>
<div> <p class='pclass0007'> <a id='id0007' class='class0007'>0007</a> </p> </div>
<div> <p class='pclass0008'> <a id='id0008' class='class0008'>0008</a> </p> </div>
<div> <p class='pclass0009'> <a id='id0009' class='class0009'>0009</a> </p> </div>
<div> <p class='pclass0010'> <a id='id0010' class='class0010'>0010</a> </p> </div>
<div> <p class='pclass0011'> <a id='id0011' class='class0011'>0011</a> </p> </div>
<div> <p class='pclass0012'> <a id='id0012' class='class0012'>0012</a> </p> </div>
<div> <p class='pclass0013'> <a id='id0013' class='class0013'>0013</a> </p> </div>
<div> <p class='pclass0014'> <a id='id0014' class='class0014'>0014</a> </p> </div>
<div> <p class='pclass0015'> <a id='id0015' class='class0015'>0015</a> </p> </div>
<div> <p class='pclass0016'> <a id='id0016' class='class0016'>0016</a> </p> </div>
<div> <p class='pclass0017'> <a id='id0017' class='class0017'>0017</a> </p> </div>
<div> <p class='pclass0018'> <a id='id0018' class='class0018'>0018</a> </p> </div>
<div> <p class='pclass0019'> <a id='id0019' class='class0019'>0019</a> </p> </div>
<div> <p class='pclass0020'> <a id='id0020' class='class0020'>0020</a> </p> </div>
</div>
<div>
<div> <p class='pclass0021'> <a id='id0021' class='class0021'>0021</a> </p> </div>
<div> <p class='pclass0022'> <a id='id0022' class='class0022'>0022</a> </p> </div>
<div> <p...
JavaScript
;(function TimeThisMother() {
window.onload = function(){
setTimeout(function(){
var t = performance.timing;
console.log("Speed of selection is: " + (t.loadEventEnd - t.responseEnd) + " milliseconds");
}, 0);
};
})();