Benchmark: Test getXAttrs - MeasureThat.net

HTML Preparation code:

<div id="test" x-data="{}" x-bind:test="foo" x-on:click="alert('ok')"></div>

Tests:

PR #631
const xAttrRE = /^x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref|spread)\b/ function isXAttr(attr) { const name = replaceAtAndColonWithStandardSyntax(attr.name) return xAttrRE.test(name) } function replaceAtAndColonWithStandardSyntax(name) { if (name.startsWith('@')) { return name.replace('@', 'x-on:') } else if (name.startsWith(':')) { return name.replace(':', 'x-bind:') } return name } function parseHtmlAttribute({ name, value }) { const normalizedName = replaceAtAndColonWithStandardSyntax(name) const typeMatch = normalizedName.match(xAttrRE) const valueMatch = normalizedName.match(/:([a-zA-Z\-:]+)/) const modifiers = normalizedName.match(/\.[^.\]]+(?=[^\]]*$)/g) || [] return { type: typeMatch ? typeMatch[1] : null, value: valueMatch ? valueMatch[1] : null, modifiers: modifiers.map(i => i.replace('.', '')), expression: value, } } function getXAttrs(el, component, type) { let directives = Array.from(el.attributes).filter(isXAttr).map(parseHtmlAttribute) // Get an object of directives from x-spread. let spreadDirective = directives.filter(directive => directive.type === 'spread')[0] if (spreadDirective) { let spreadObject = saferEval(spreadDirective.expression, component.$data) // Add x-spread directives to the pile of existing directives. directives = directives.concat(Object.entries(spreadObject).map(([name, value]) => parseHtmlAttribute({ name, value }))) } if (type) return directives.filter(i => i.type === type) return directives; } getXAttrs(document.getElementById('test'))
v2.4.0
const xAttrRE = /^x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref|spread)\b/ function isXAttr(attr) { const name = replaceAtAndColonWithStandardSyntax(attr.name) return xAttrRE.test(name) } function replaceAtAndColonWithStandardSyntax(name) { if (name.startsWith('@')) { return name.replace('@', 'x-on:') } else if (name.startsWith(':')) { return name.replace(':', 'x-bind:') } return name } function parseHtmlAttribute({ name, value }) { const normalizedName = replaceAtAndColonWithStandardSyntax(name) const typeMatch = normalizedName.match(xAttrRE) const valueMatch = normalizedName.match(/:([a-zA-Z\-:]+)/) const modifiers = normalizedName.match(/\.[^.\]]+(?=[^\]]*$)/g) || [] return { type: typeMatch ? typeMatch[1] : null, value: valueMatch ? valueMatch[1] : null, modifiers: modifiers.map(i => i.replace('.', '')), expression: value, } } function getXAttrs(el, component, type) { let directives = Array.from(el.attributes).filter(isXAttr).map(parseHtmlAttribute) // Get an object of directives from x-spread. let spreadDirective = directives.filter(directive => directive.type === 'spread')[0] if (spreadDirective) { let spreadObject = saferEval(spreadDirective.expression, component.$data) // Add x-spread directives to the pile of existing directives. directives = directives.concat(Object.entries(spreadObject).map(([name, value]) => parseHtmlAttribute({ name, value }))) } return directives.filter(i => { // If no type is passed in for filtering, bypass filter if (! type) return true return i.type === type }) } getXAttrs(document.getElementById('test'))

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
PR #631
v2.4.0

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 3 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106 Safari/537.36

Browser/OS: Chrome 83 on Mac OS X 10.15.5

View result in a separate tab

Test name	Executions per second
PR #631	222498.7 Ops/sec
v2.4.0	227343.5 Ops/sec

Test getXAttrs (version: 0)

Comparing performance of: PR #631 vs v2.4.0

Created: 3 years ago by: Guest

Jump to the latest result

PR #631

v2.4.0

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A