Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
Test hidden vs display none
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=524574" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.0
Browser:
Firefox 126
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
testA
147.6 Ops/sec
testB
136.1 Ops/sec
HTML Preparation code:
<button type="button" id="btnSaveQuerySet" disabled class="btn btn-success">Sauvegarder</button> <button type="button" id="btnCreateQuerySet" disabled class="btn btn-success">Créer</button> <button type="button" id="btnDeleteQuerySet" class="btn btn-danger">Supprimer</button>
Script Preparation code:
function testBtnA(showBtn){ const btnDelete = document.getElementById('btnDeleteQuerySet'); let btnToShow, btnToHide; if (showBtn === "create") { btnToShow = document.getElementById('btnCreateQuerySet'); btnToHide = document.getElementById('btnSaveQuerySet'); btnDelete.style.display = "none"; } else if (showBtn === "save") { btnToShow = document.getElementById('btnSaveQuerySet'); btnToHide = document.getElementById('btnCreateQuerySet'); btnDelete.style.display = "block"; } btnToShow.disabled = true; btnToShow.style.display = "block"; btnToHide.style.display = "none"; } function testBtnB(showBtn){ const btnDelete = document.getElementById('btnDeleteQuerySet'); let btnToShow, btnToHide; if (showBtn === "create") { btnToShow = document.getElementById('btnCreateQuerySet'); btnToHide = document.getElementById('btnSaveQuerySet'); btnDelete.style.display = "none"; } else if (showBtn === "save") { btnToShow = document.getElementById('btnSaveQuerySet'); btnToHide = document.getElementById('btnCreateQuerySet'); btnDelete.style.display = "block"; } btnToShow.disabled = true; btnToShow.style.visibility = "visible" btnToHide.style.display = "hidden"; }
Tests:
testA
for(let i = 0;i < 2000; ++i){ testBtnA("create") }
testB
for(let i = 0;i < 2000; ++i){ testBtnB("create") }