Bug 57059 – input field with focus makes appendChild operation ~42x slower

• Status: VERIFIED
• Resolution: FIXED
• Component: DOM

[Igor Minar]

Attached is a reduced test case from a large application that suffers from latency issues in Chrome/WebKit due to slow dom manipulation (specifically adding child nodes via appendChild).

The issue perf issue occurs only if the input field has a focus, if the same set of dom operations are invoked via provided button, the dom manipulation is fast.

I measured the perf difference and constantly see ~42x slowdown if the input field has focus (tested with r81868).

Test instructions:
- open the test case
- note how long it took to add 1000 li elements to the list present on the page (the number is displayed)
- click on the "toggle input" button, to cause 1000 li nodes to be removed from the list
- click on the "toggle input" button again to cause 1000 li nodes to be appended to the list and note how long it took
- now do the same by typing "x" into the input field and removing it and compare the results

You can also try invoking update('x') and update('') from console with and without placing focus on the input field with focus() to see the same results.

When the same test is run in Firefox 4, placing focus on the input field makes no difference in performance of appendChild operation.

I also tried testing the issue with Safari 5.0.4, and while it's not as bad there, the slowdown is ~21x.

[Igor Minar]

Created attachment 86848 [details]
reduced test case

[Igor Minar]

I also filed https://bugs.webkit.org/show_bug.cgi?id=57061 which in combination with this issue kills our app in WebKit/Chrome.

[Emil A Eklund]

Created attachment 89819 [details]
Patch

[Dimitri Glazkov (Google)]

Comment on attachment 89819 [details]
Patch

great! Can you file a bug to put this whole deleteButtonController business behind a compile flag? Most builds of WebKit don't need it.

[WebKit Commit Bot]

Comment on attachment 89819 [details]
Patch

Clearing flags on attachment: 89819

Committed r84056: <http://trac.webkit.org/changeset/84056>

[WebKit Commit Bot]

All reviewed patches have been landed.  Closing bug.

[WebKit Review Bot]

http://trac.webkit.org/changeset/84056 might have broken WinCairo Debug (Build)

[Igor Minar]

I was able to manually verify the fix with the r84295 nightly build.

Thanks for the fix, Emil.

[Emil A Eklund]

Cool, thanks for verifying!