Benchmark: id event listener

HTML Preparation code:

<div id="container"><div class="one"></div> <div id="idee4"></div><div id="idee5"></div><div id="idee6"></div><div id="idee7"></div><div id="idee8"></div><div id="idee9"></div><div id="idee10"></div><div id="idee11"></div><div id="idee12"></div><div id="idee13"></div><div id="idee14"></div><div id="idee15"></div><div id="idee16"></div><div id="idee17"></div><div id="idee18"></div><div id="idee19"></div><div id="idee20"></div><div id="idee21"></div><div id="idee22"></div><div id="idee23"></div><div id="idee24"></div><div id="idee25"></div><div id="idee26"></div><div id="idee27"></div><div id="idee28"></div><div id="idee29"></div><div id="idee30"></div><div id="idee31"></div><div id="idee32"></div><div id="idee33"></div><div id="idee34"></div><div id="idee35"></div><div id="idee36"></div><div id="idee37"></div><div id="idee38"></div><div id="idee39"></div><div id="idee40"></div><div id="idee41"></div><div id="idee42"></div><div id="idee43"></div><div id="idee44"></div><div id="idee45"></div><div id="idee46"></div><div id="idee47"></div><div id="idee48"></div><div id="idee49"></div><div id="idee50"></div><div id="idee51"></div><div id="idee52"></div><div id="idee53"></div><div id="idee54"></div><div id="idee55"></div><div id="idee56"></div><div id="idee57"></div><div id="idee58"></div><div id="idee59"></div><div id="idee60"></div><div id="idee61"></div><div id="idee62"></div><div id="idee63"></div><div id="idee64"></div><div id="idee65"></div><div id="idee66"></div><div id="idee67"></div><div id="idee68"></div><div id="idee69"></div><div id="idee70"></div><div id="idee71"></div><div id="idee72"></div><div id="idee73"></div><div id="idee74"></div><div id="idee75"></div><div id="idee76"></div><div id="idee77"></div><div id="idee78"></div><div id="idee79"></div><div id="idee80"></div><div id="idee81"></div><div id="idee82"></div><div id="idee83"></div><div id="idee84"></div><div id="idee85"></div><div id="idee86"></div><div id="idee87"></div><div id="idee88"></div><div id="idee89"></div><div id="idee90"></div><div id="idee91"></div><div id="idee92"></div><div id="idee93"></div><div id="idee94"></div><div id="idee95"></div><div id="idee96"></div><div id="idee97"></div><div id="idee98"></div><div id="idee99"></div><div id="idee100"></div><div id="idee101"></div><div id="idee102"></div><div id="idee103"></div><div id="idee104"></div><div id="idee105"></div><div id="idee106"></div><div id="idee107"></div><div id="idee108"></div><div id="idee109"></div><div id="idee110"></div><div id="idee111"></div><div id="idee112"></div><div id="idee113"></div><div id="idee114"></div><div id="idee115"></div><div id="idee116"></div><div id="idee117"></div><div id="idee118"></div><div id="idee119"></div><div id="idee120"></div><div id="idee121"></div><div id="idee122"></div><div id="idee123"></div><div id="idee124"></div><div id="idee125"></div><div id="idee126"></div><div id="idee127"></div><div id="idee128"></div><div id="idee129"></div><div id="idee130"></div><div id="idee131"></div><div id="idee132"></div><div id="idee133"></div><div id="idee134"></div><div id="idee135"></div><div id="idee136"></div><div id="idee137"></div><div id="idee138"></div><div id="idee139"></div><div id="idee140"></div><div id="idee141"></div><div id="idee142"></div><div id="idee143"></div><div id="idee144"></div><div id="idee145"></div><div id="idee146"></div><div id="idee147"></div><div id="idee148"></div><div id="idee149"></div><div id="idee150"></div><div id="idee151"></div><div id="idee152"></div><div id="idee153"></div><div id="idee154"></div><div id="idee155"></div><div id="idee156"></div><div id="idee157"></div><div id="idee158"></div><div id="idee159"></div><div id="idee160"></div><div id="idee161"></div><div id="idee162"></div><div id="idee163"></div><div id="idee164"></div><div id="idee165"></div><div id="idee166"></div><div id="idee167"></div><div id="idee168"></div><div id="idee169"></div><div id="idee170"></div> </div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

foo
for(var i = 4; i <= 170; i++){ var id = "#idee" + i; $(id).on('click', function(){}) }
bar
for(var i = 4; i <= 170; i++){ var id = "#idee" + i; $(id).on('click', function(){}) }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
foo
bar

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 5 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:59.0) Gecko/20100101 Firefox/59.0

Browser/OS: Firefox 59 on Mac OS X 10.13

View result in a separate tab

Test name	Executions per second
foo	1446.0 Ops/sec
bar	1563.5 Ops/sec

id event listener (version: 0)

Comparing performance of: foo vs bar

Created: 5 years ago by: Registered User

Jump to the latest result

foo

bar

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A