Run results for: scrollTop vs scrollTo vs scrollBy vs scroll

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 17

Operating system: iOS 17.4.1

Device Platform: Mobile

Date tested: 2 years ago

Benchmark engine: Benchmark.js

TEST_Body_DOM.scrollTop =

65K/s

window.scrollTo

62K/s

window.scrollBy

59K/s

TEST_Body_DOM.scrollTo

59K/s

TEST_Body_DOM.scroll

57K/s

TEST_Body_DOM.scrollBy

56K/s

window.scroll

55K/s

View exact numbers

Test name	Executions per second
✓ TEST_Body_DOM.scrollTop =	65,261 Ops/sec
window.scrollTo	62,222 Ops/sec
window.scrollBy	58,991 Ops/sec
TEST_Body_DOM.scrollTo	58,897 Ops/sec
TEST_Body_DOM.scroll	57,417 Ops/sec
TEST_Body_DOM.scrollBy	56,382 Ops/sec
window.scroll	55,047 Ops/sec

HTML Preparation code:

<body style="height: 999999px;">

Script Preparation code:

TEST_Body_DOM = document.body;

Tests:

window.scrollTo
window.scrollTo(0, 999999); window.scrollTo(0, 499999); window.scrollTo(0, 0);
TEST_Body_DOM.scrollTop =
TEST_Body_DOM.scrollTop = 999999; TEST_Body_DOM.scrollTop = 499999; TEST_Body_DOM.scrollTop = 0;
TEST_Body_DOM.scrollTo
TEST_Body_DOM.scrollTo(0, 999999); TEST_Body_DOM.scrollTo(0, 499999); TEST_Body_DOM.scrollTo(0, 0);
TEST_Body_DOM.scroll
TEST_Body_DOM.scroll(0, 999999); TEST_Body_DOM.scroll(0, 499999); TEST_Body_DOM.scroll(0, 0);
window.scroll
window.scroll(0, 999999); window.scroll(0, 499999); window.scroll(0, 0);
window.scrollBy
window.scrollBy(0, 999999); window.scrollBy(0, -499999); window.scrollBy(0, -500000);
TEST_Body_DOM.scrollBy
TEST_Body_DOM.scrollBy(0, 999999); TEST_Body_DOM.scrollBy(0, -499999); TEST_Body_DOM.scrollBy(0, -500000);