OdeToCode IC Logo

Edge versus Chrome - A Quick createElement Benchmark

Wednesday, July 18, 2018

I’ve been mixing up my browser usage over the last year to give MS Edge a closer look. Some pages are noticeably slower in Edge. Looking in the developer tools, the slow pages have thousands of calls to createElement and createDocumentFragment, so I thought it would be interesting to do some microbenchmarks.

Performance of createElement and createDocumentFragment

With today's stable releases, createElement is twice as fast on Chrome, while createDocumentFragment is an order of magnitude faster. 

Gravatar Joseph Ferris Wednesday, July 18, 2018
Out of curiosity, does Edge have a noticeable benchmark disparity with IE 11, too, using your same benchmarks?
Gravatar scott Wednesday, July 18, 2018
Interesting question - createDocumentFragment in IE11 is about the same, but createElement is considerably slower in ie11 (around 70k operations per second, so an order of magnitude slower than Edge).
Gravatar Andrei Wednesday, July 18, 2018
On which version of Edge did you get those results? You didn't mention it Thanks
Gravatar scott Wednesday, July 18, 2018
Running on 42.17134.1.0
Gravatar Joel Wednesday, July 18, 2018
What about Firefox? Recent versions are comparable to Chrome or better in most performance aspects.
Gravatar roncansan Thursday, July 19, 2018
I switch to firefox, their last release is supper fast. Also their newer release allows to view pages side-by-side a feature they call open-side-view.
Friday, July 20, 2018
Your Comment