Benchmark: Native vs snap getPointAtLength for path

HTML Preparation code:


<script src="https://rawgithub.com/adobe-webplatform/Snap.svg/master/dist/snap.svg.js"></script>

<svg id="snap"></svg>
<svg height="100" width="100">
  <path id="path" d="M 10 10 C 20 20, 40 20, 50 10" stroke="black" fill="transparent"/>
</svg>

Tests:

Native
document.getElementById("path").getPointAtLength( 10 + Math.random() * 40);
Snap
Snap.path.getPointAtLength('<path d="M 10 10 C 20 20, 40 20, 50 10" stroke="black" fill="transparent"/>', 10 + Math.random() * 40);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Native
Snap

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 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser/OS: Chrome 120 on Windows

View result in a separate tab

Test name	Executions per second
Native	16628.7 Ops/sec
Snap	132060.1 Ops/sec

Native vs snap getPointAtLength for path (version: 0)

Comparing performance of: Native vs Snap

Created: 4 years ago by: Guest

Jump to the latest result

Native

Snap

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A