Benchmark: Strip svg tags - MeasureThat.net

Tests:

Regex
const svg = '<svg viewBox="0 0 24 24"><path d="M24 13.714H13.714V24h-3.428V13.714H0v-3.428h10.286V0h3.428v10.286H24v3.428Z"/></svg>'; const body = svg.replace(/<svg.*?>|<\/svg>/gm, '');
indexOf
const svg = '<svg viewBox="0 0 24 24"><path d="M24 13.714H13.714V24h-3.428V13.714H0v-3.428h10.286V0h3.428v10.286H24v3.428Z"/></svg>'; const start = svg.indexOf('>') + 1; const end = svg.lastIndexOf('</'); const body = svg.slice(start, end);
replace
const svg = '<svg viewBox="0 0 24 24"><path d="M24 13.714H13.714V24h-3.428V13.714H0v-3.428h10.286V0h3.428v10.286H24v3.428Z"/></svg>'; const body = svg.replace('<svg viewBox="0 0 24 24">', '').replace('</svg>', '');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Regex
indexOf
replace

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 26 days ago):

LLMs can make mistakes. Check important info.

Let's break down the benchmark and its test cases.

**Benchmark Overview**

The benchmark, called "Strip svg tags", tests three different approaches to remove SVG tags from an HTML string.

**Options Compared**

1. **Regex**: This approach uses regular expressions (regex) to match and replace the SVG tags.
2. **indexOf**: This approach uses the `indexOf` method to find the index of the first '>' character, which marks the start of the SVG tag, and then uses slicing to extract the substring between the index and the last '<' character, which marks the end of the SVG tag.
3. **replace**: This approach uses the `replace` method with a regular expression to replace the opening and closing SVG tags.

**Pros and Cons of Each Approach**

1. **Regex**:
	* Pros: Fast and efficient for removing multiple occurrences of the same pattern.
	* Cons: Can be slower than other approaches for small strings, and may not work well for more complex patterns.
2. **indexOf**:
	* Pros: Simple and easy to understand, but can be slower than regex due to string slicing.
	* Cons: May not work well if the SVG tag is nested within another HTML element, or if the closing '>' character appears multiple times.
3. **replace**:
	* Pros: More efficient than regex for small strings, but may not replace all occurrences of the same pattern.
	* Cons: Can be slower than regex due to repeated searches.

**Library and Purpose**

None of the test cases use a specific library beyond the built-in JavaScript methods (Regex, indexOf, and replace).

**Special JS Features or Syntax**

None mentioned in the benchmark definition. However, it's worth noting that some browsers may have specific features or syntax that can affect performance, such as just-in-time compilation or sandboxing.

**Alternative Approaches**

Other approaches to remove SVG tags might include:

1. **DOM manipulation**: Parsing the HTML string and removing the SVG tag manually using DOM methods.
2. **String replacement**: Replacing the entire SVG element with an empty string, which can be slower than other approaches due to the overhead of string creation and copying.
3. **Regular expression alternatives**: Using alternative regex engines or patterns that may provide better performance.

Overall, the benchmark provides a good representation of different approaches to removing SVG tags from an HTML string, highlighting the trade-offs between speed, complexity, and simplicity.

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5.1 Safari/605.1.15

Browser/OS: Safari 16 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Regex	515641344.0 Ops/sec
indexOf	23379098.0 Ops/sec
replace	504655776.0 Ops/sec

Related benchmarks:

Strip svg tags (version: 0)

Comparing performance of: Regex vs indexOf vs replace

Created: one year ago by: Guest

Jump to the latest result

Regex

indexOf

replace

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 26 days ago):