Benchmark: Setting input placeholders

HTML Preparation code:

<form>

  <input type="text"/>
  <input type="radio"/>
  <input type="checkbox"/>
  <textarea></textarea>

  <input class="required" type="text"/>
  <input class="required" type="radio"/>
  <input class="required" type="checkbox"/>
  <textarea class="required"></textarea>

</form>

Tests:

Intelligent selectors - not stored
$(':input:not(.required)') .prop('placeholder', ''); $(':input.required') .prop('placeholder', 'required');
Intelligent selectors, in filter, with .end
$(':input') .filter(':not(.required)') .prop('placeholder', '') .end() .filter('.required') .prop('placeholder', 'required');
Filter by function with .end
$(':input') .filter(function() { return !$(this).hasClass('required'); }) .prop('placeholder', '') .end() .filter(function() { return $(this).hasClass('required'); }) .prop('placeholder', 'required');
Intelligent selectors in filter - stored
var $inputs = $(':input'); $inputs .filter(':not(.required)') .prop('placeholder', ''); $inputs .filter('.required') .prop('placeholder', 'required');
Clear all, set only required
var $inputs = $(':input'); $inputs .prop('placeholder', ''); $inputs .filter('.required') .prop('placeholder', 'required');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Intelligent selectors - not stored
Intelligent selectors, in filter, with .end
Filter by function with .end
Intelligent selectors in filter - stored
Clear all, set only required

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: 7 years ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 Safari/537.36

Browser/OS: Chrome 53 on Linux

View result in a separate tab

Test name	Executions per second
Intelligent selectors - not stored	1417.5 Ops/sec
Intelligent selectors, in filter, with .end	3007.7 Ops/sec
Filter by function with .end	2577.8 Ops/sec
Intelligent selectors in filter - stored	3106.8 Ops/sec
Clear all, set only required	3267.8 Ops/sec

Setting input placeholders (version: 3)

Setting and clearing placeholders on a lot of elements at once

Comparing performance of: Intelligent selectors - not stored vs Intelligent selectors, in filter, with .end vs Filter by function with .end vs Intelligent selectors in filter - stored vs Clear all, set only required

Created: 7 years ago by: Registered User

Jump to the latest result

Intelligent selectors - not stored

Intelligent selectors, in filter, with .end

Filter by function with .end

Intelligent selectors in filter - stored

Clear all, set only required

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A