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.0M/s
textContentTrim
11.4M/s
innerHTML
10.8M/s
offsetWidth
1.7M/s
outerText
1.6M/s
innerText
1.5M/s
View exact numbers
Test name
Executions per second
✓
querySelector
21,409,334 Ops/sec
textContent
12,028,234 Ops/sec
textContentTrim
11,368,006 Ops/sec
innerHTML
10,788,352 Ops/sec
offsetWidth
1,736,306 Ops/sec
outerText
1,648,599 Ops/sec
innerText
1,510,298 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()