Run results for: alpinejs speed-up transitionIn & transitionOut 2

Run details:

User agent: Mozilla/5.0 (Linux; Android 9) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/83.0.4103.106 Mobile DuckDuckGo/5 Safari/537.36

Browser: Chrome Mobile 83

Operating system: Android

Device Platform: Mobile

Date tested: 3 years ago

Test name	Executions per second
filter	2238810.0 Ops/sec
some	2406296.0 Ops/sec

HTML Preparation code:

<div
    x-show="open"
    x-transition:enter="transition ease-out duration-300"
    x-transition:enter-start="opacity-0 transform scale-90"
    x-transition:enter-end="opacity-100 transform scale-100"
    x-transition:leave="transition ease-in duration-300"
    x-transition:leave-start="opacity-100 transform scale-100"
    x-transition:leave-end="opacity-0 transform scale-90"
>...</div>

Script Preparation code:

/* Directive `transition` gonna endup kinda like this: */
var attrs = [
  {value: 'enfter'}, {value: 'engter-start'}, {value: 'enfter-end'},
  {value: 'legave'}, {value: 'leavfe-start'}, {value: 'lefave-end'},
]

Tests:

filter
attrs.filter(attr => ['enter', 'enter-start', 'enter-end'].includes(attr.value)).length > 0
some
attrs.some(attr => ['enter', 'enter-start', 'enter-end'].includes(attr.value))

Run results for: alpinejs speed-up transitionIn & transitionOut 2

filter

some