Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
test DomParser #2
(version: 0)
Comparing performance of:
Dom Parser vs Regex vs Regex2 vs Regex3
Created:
3 years ago
by:
Guest
Go to the latest result
Tests:
Dom Parser
const html = "<html><body><div>test</div></body></html>" const parser = new DOMParser(); const virtualDom = parser.parseFromString(html, 'text/html'); const body = virtualDom.querySelector('body');
Regex
const html = "<html><body><div>test</div></body></html>" const pattern = /<body[^>]*>((.|[\n\r])*)<\/body>/im; const matches = pattern.exec(html); const body = matches[1]
Regex2
const html = "<html><body><div>test</div></body></html>" const pattern = /<(?:"[^"]*"['"]*|'[^']*'['"]*|[^'">])+>/g; const matches = pattern.exec(html); const body = matches[1]
Regex3
const html = "<html><body><div>test</div></body></html>" const pattern = /<(.|\n)+?>/g; const matches = pattern.exec(html); const body = matches[1]
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (4)
Previous results
Fork
Test case name
Result
Dom Parser
Regex
Regex2
Regex3
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
2 years ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36 Edg/119.0.0.0
Browser/OS:
Chrome 119 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=487209" width="100%" height="500px"></iframe>
Regex2
15.6M/s
Regex3
13.8M/s
Regex
6.4M/s
Dom Parser
15K/s
View exact numbers
Test name
Executions per second
✓
Regex2
15,648,218 Ops/sec
Regex3
13,844,575 Ops/sec
Regex
6,369,288 Ops/sec
Dom Parser
15,137 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
Let's break down the provided benchmarking test cases and explain what is being tested. The test consists of four individual test cases, each designed to measure the performance of different approaches in parsing HTML content: 1. **DomParser**: This test case uses the `DOMParser` API to parse an HTML string into a Document Object Model (DOM) representation. Specifically, it extracts the `<body>` element from the parsed DOM. 2. **Regex**: There are three variations of this test case: * **Regex** (Test Case 3): This test case uses a regular expression (`/<(?:\"[^\"]*\"['\"]*|'[^']*'['\"]*|[^'\">])+>/g`) to match and extract the `<body>` element from the input HTML string. * **Regex2** (Test Case 4): Similar to Regex, but with a different pattern (`/<(?:\"[^\"]*\"['\"]*|'[^']*'['\"]*|[^'\">])+>/g`). * **Regex3** (Test Case 5): Another variation of the regular expression, where the `g` flag is not included (`/<(.|\\n)+?>/g`). 3. **Purpose**: The purpose of these test cases is to compare the performance of different approaches for parsing HTML content: * DOMParser provides a standardized way to parse HTML and XML documents into DOM representations. * Regular expressions can be used to extract specific elements or patterns from HTML strings, but they may not provide the same level of precision as DOMParser. **Pros and Cons** * **DOMParser**: + Pros: Provides a standardized way to parse HTML and XML documents, accurate results, and is widely supported. + Cons: May be slower than regular expressions for simple pattern matching. * **Regular Expressions**: + Pros: Fast and efficient for simple pattern matching, can handle complex patterns. + Cons: May not provide accurate results for complex patterns or edge cases. **Library and purpose** In this test case, the `DOMParser` library is used to parse the input HTML string into a DOM representation. Its purpose is to provide an easy-to-use API for parsing and manipulating HTML documents. **Special JS feature or syntax (none)** There are no special JavaScript features or syntax used in these test cases. They rely solely on standard JavaScript APIs and regular expressions. **Other alternatives** If you were to compare the performance of different approaches, other alternatives might include: * **innerHTML**: Using the `innerHTML` property to extract the `<body>` element from an HTML string. * **outerHTML**: Using the `outerHTML` property to extract the entire HTML string with the `<body>` element. However, it's worth noting that using `innerHTML` or `outerHTML` may not provide accurate results if the input HTML contains complex structures or edge cases. In contrast, DOMParser and regular expressions can handle more complex patterns and edge cases. In conclusion, this benchmarking test case provides a useful comparison of different approaches for parsing HTML content: DOMParser (standardized API) vs. regular expressions (fast but potentially less accurate).
Related benchmarks
DOMParser vs InnerHTML benchmark 3
test DomParser vs Regex vs IndexIf
DOMParser vs InnerHTML benchmark 3rsgsgfgfs
DOMParser vs InnerHTML benchmark asdadad
Comments
Confirm delete:
Do you really want to delete benchmark?