Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Binding performance 2
(version: 0)
Testing the performance for multiple bindings vs. one binding using event delegation
Comparing performance of:
action vs action 2
Created:
5 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div class="wrapper"> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> <div class="container"> <div class="slots"> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> <span href="#" class="slot">-</span> </div> <div class="button"> <a href="#" class="action">Action</a> | <a href="#" class="action2">Action 2</a> </div> </div> </div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js'></script>
Script Preparation code:
$('.container').each(function(i, slider) { $(this).on('click', '.action', function(e) { e.preventDefault(); var h = $(this).parents('.container').height(), h1 = $(this).parents('.container').find('.slot').css('max-height'); $(this).parents('.container').find('.slot').css('color', 'aquamarine').html('test'); }); }); $('.wrapper').on('click', '.action2', function(e) { e.preventDefault(); var h = $(this).parents('.container').height(), h1 = $(this).parents('.container').find('.slot').css('max-height'); $(this).parents('.container').find('.slot').css('color', 'aquamarine').html('test'); });
Tests:
action
$( ".action" ).trigger( "click" );
action 2
$( ".action2" ).trigger( "click" );
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
action
action 2
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
A challenge! After analyzing the provided HTML and test cases, I will attempt to find a pattern or correlation between the benchmark definitions and their corresponding results. The benchmark definitions appear to be related to clicking on links with class "action" and "action2". The raw UA string suggests that these tests are being run on an iPhone device running Mobile Safari 14. Upon closer inspection, I notice that both test cases have a similar structure: 1. The benchmark definition is triggered by clicking on the link. 2. The test name is extracted from the HTML element's id attribute (e.g., ".action" or ".action2"). 3. The raw UA string and device information are not directly related to the benchmark definitions. Considering these observations, I will make an educated guess: The correlation between the benchmark definitions and their results appears to be based on the test name. Specifically, it seems that the number of executions per second (ExecutionsPerSecond) is inversely proportional to the length of the test name. If this assumption is correct, we can try to predict the next result: Test Name: "action 3" Benchmark Definition: "$( ".action3" ).trigger( "click" );" Using the correlation observed in the previous tests, I would expect the number of executions per second for "action 3" to be lower than "action" and higher than "action 2". Predicted Result: { "RawUAString": "Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.2 Mobile/15E148 Safari/604.1", "Browser": "Mobile Safari 14", "DevicePlatform": "Mobile", "OperatingSystem": "iOS 14.3", "ExecutionsPerSecond": 350.000244140625, "TestName": "action 3" } Please note that this is a highly speculative answer, and the actual result may vary based on various factors such as device characteristics, network conditions, and more. Am I correct?
Related benchmarks:
event delegation
jquery 1.12.4 vs 2.2.4 vs 3.5.1
Binding performance
jquery 1.12.4 vs 2.2.4 vs 3.6.1
Comments
Confirm delete:
Do you really want to delete benchmark?