Run results for: Direct calls versus external function calls

Run details:

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

Browser: Mobile Safari 18

Operating system: iOS 18.2.1

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
Direct calls	133584120.0 Ops/sec
Function calls	76562056.0 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const tabs = {
  one: { label: 'One' },
  two: { label: 'Two' },
  three: { label: 'Three' },
  four: { label: 'Four' }
}

function fetchDataForTab(tabName) {}

function handleData(data, handler) {
    // performance optimized
    const tabNames = Object.keys(data)
    for (let i = 0; i < tabNames.length; i++) {
        handler(tabNames[i])
    }
}

Tests:

Direct calls
// performance optimized const tabNames = Object.keys(tabs) for (let i = 0; i < tabNames.length; i++) { fetchDataForTab(tabNames[i]) }
Function calls
handleData(tabs, fetchDataForTab)

Run results for: Direct calls versus external function calls

Compares doing little tasks immediately versus writing a helper function that does it.

Direct calls

Function calls