Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Run results for:
querySelector vs innerText vs offsetWidth vs outerText vs textContentTrim
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36
Browser:
Chrome 138
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Benchmark engine:
Benchmark.js
querySelector
21.4M/s
textContent
12.1M/s
textContentTrim
11.3M/s
innerHTML
10.9M/s
offsetWidth
2.1M/s
outerText
1.8M/s
innerText
1.8M/s
View exact numbers
Test name
Executions per second
✓
querySelector
21,391,810 Ops/sec
textContent
12,080,571 Ops/sec
textContentTrim
11,347,835 Ops/sec
innerHTML
10,895,182 Ops/sec
offsetWidth
2,058,098 Ops/sec
outerText
1,790,370 Ops/sec
innerText
1,752,727 Ops/sec
HTML Preparation code:
<div id="testdiv"> <div id="unique" class="unique" name="unique" data-unique="1">test</div> </div>
Tests:
querySelector
document.querySelector('.unique')
innerText
document.querySelector('.unique').innerText
offsetWidth
document.querySelector('.unique').offsetWidth
innerHTML
document.querySelector('.unique').innerHTML
outerText
document.querySelector('.unique').outerText
textContent
document.querySelector('.unique').textContent
textContentTrim
document.querySelector('.unique').textContent.trim()