Slow doc table rendering with large number of fields #6328

marcinkubica · 2016-02-25T05:44:36Z

Hi

Kibana 4.4.1

I've got this problem on Chrome. Also seen on IE which I don't use. As you can see from recording below.

I'm running dashboard with 20 vis against 40m records and it is unable to finish loading.
However, all seem to work much better on Firefox, where it can finish in about 48 seconds.
On Chrome just opening Discovery for marvel last 15 minutes takes 90s.

Screen recording is from Windows. I've also linked saved timeline (that one done on Linux)

We've been discussing this with @spalger so he can provide you with more info regarding the fix he has. Also adding screenshots from his version I've been testing, both Firefox and Chrome are fine. It bombs out on IE though :D Would be smashing to have the fix in 4.5 though.

Cheers

TImeline for Discovery from example above:
https://drive.google.com/file/d/0B0MB1KHD29RbaUw0X3hhQTg3UXM/view?usp=sharing

Spalger's version against 8k marvel Discovery

Spalger's version for my 20vis against 40m records

rashidkpc · 2016-02-29T22:08:34Z

@spalger can you fill in details here?

spalger · 2016-03-01T17:22:29Z

This is a behavior that I have been seeing in Chrome Canary on a pretty regular basis, but I figured it was just a weird behavior that Canary has, but Main Stream Chrome doesn't seem to have.

The fix that @marcinkubica mentioned is a re-write of the doc table as a React component. Using React in this way seems to seriously trim down the render time, but the implementation is not complete as it simply renders all of the sample rows (no infinite scroll) and none of it is tested. See #6370 for details.

Back in 2014 a utility was added to insert (word break opportunity) tags into doc table fields to improve their display in the browser. This utility looped over every character in _source when it was selected as a column in the doc table, which it was be default. That really started to slow things down when displaying large docs. I compared how the browser renders things with and without the 's and there's almost no difference, certainly nothing as dramatic as shown in the linked PR which added this word breaking functionality. Perhaps browsers have improved in the last two years, or perhaps something changed in our CSS. Since we're getting no or negligible value from this utility and it makes Discover impossible to use with large docs, I simply removed it. Fixes elastic#6328 Related elastic#1993

Back in 2014 a utility was added to insert (word break opportunity) tags into doc table fields to improve their display in the browser. This utility looped over every character in _source when it was selected as a column in the doc table, which it was be default. That really started to slow things down when displaying large docs. We can maintain similar word breaking without adding tags by adding some css styles that do essentially the same job. word-break: break-word gives us the best formatting but it's not a part of the standard yet (see link below) so I provided an almost-as-good fallback with break-all. https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21 Fixes #6328 Related #1993

Backports PR #9014 **Commit 1:** Speed up rendering of large docs in doc table Back in 2014 a utility was added to insert (word break opportunity) tags into doc table fields to improve their display in the browser. This utility looped over every character in _source when it was selected as a column in the doc table, which it was be default. That really started to slow things down when displaying large docs. I compared how the browser renders things with and without the 's and there's almost no difference, certainly nothing as dramatic as shown in the linked PR which added this word breaking functionality. Perhaps browsers have improved in the last two years, or perhaps something changed in our CSS. Since we're getting no or negligible value from this utility and it makes Discover impossible to use with large docs, I simply removed it. Fixes #6328 Related #1993 * Original sha: fc443bb * Authored by Matthew Bargar <[email protected]> on 2016-11-09T00:11:45Z **Commit 2:** Improve word breaking in doc table To maintain similar word breaking without adding tags I've added some css styles that do essentially the same job. word-break: break-word gives us the best formatting but it's not a part of the standard yet (see link below) so I provided an almost-as-good fallback with break-all. https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21 * Original sha: ac38524 * Authored by Matthew Bargar <[email protected]> on 2016-11-10T23:01:30Z

Back in 2014 a utility was added to insert (word break opportunity) tags into doc table fields to improve their display in the browser. This utility looped over every character in _source when it was selected as a column in the doc table, which it was be default. That really started to slow things down when displaying large docs. We can maintain similar word breaking without adding tags by adding some css styles that do essentially the same job. word-break: break-word gives us the best formatting but it's not a part of the standard yet (see link below) so I provided an almost-as-good fallback with break-all. https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21 Fixes elastic#6328 Related elastic#1993

Back in 2014 a utility was added to insert (word break opportunity) tags into doc table fields to improve their display in the browser. This utility looped over every character in _source when it was selected as a column in the doc table, which it was be default. That really started to slow things down when displaying large docs. We can maintain similar word breaking without adding tags by adding some css styles that do essentially the same job. word-break: break-word gives us the best formatting but it's not a part of the standard yet (see link below) so I provided an almost-as-good fallback with break-all. https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21 Fixes #6328 Related #1993

Backports PR elastic#9014 **Commit 1:** Speed up rendering of large docs in doc table Back in 2014 a utility was added to insert (word break opportunity) tags into doc table fields to improve their display in the browser. This utility looped over every character in _source when it was selected as a column in the doc table, which it was be default. That really started to slow things down when displaying large docs. I compared how the browser renders things with and without the 's and there's almost no difference, certainly nothing as dramatic as shown in the linked PR which added this word breaking functionality. Perhaps browsers have improved in the last two years, or perhaps something changed in our CSS. Since we're getting no or negligible value from this utility and it makes Discover impossible to use with large docs, I simply removed it. Fixes elastic#6328 Related elastic#1993 * Original sha: fc443bb * Authored by Matthew Bargar <[email protected]> on 2016-11-09T00:11:45Z **Commit 2:** Improve word breaking in doc table To maintain similar word breaking without adding tags I've added some css styles that do essentially the same job. word-break: break-word gives us the best formatting but it's not a part of the standard yet (see link below) so I provided an almost-as-good fallback with break-all. https://bugs.chromium.org/p/chromium/issues/detail?id=492202#c21 * Original sha: ac38524 * Authored by Matthew Bargar <[email protected]> on 2016-11-10T23:01:30Z Former-commit-id: 379abee

rashidkpc added the feedback_needed label Feb 29, 2016

spalger mentioned this issue Mar 1, 2016

WIP - Reactify the DocTable #6370

Closed

rashidkpc changed the title ~~Huge performance hit on Chrome~~ Slow doc table rendering with large number of fields Mar 3, 2016

rashidkpc added bug Fixes for quality problems that affect the customer experience P1 and removed feedback_needed labels Mar 3, 2016

Bargs mentioned this issue Nov 9, 2016

Speed up rendering of large docs in doc table #9014

Merged

tbragin mentioned this issue Nov 9, 2016

Table Panel slows down browser with large number of fields #719

Closed

Bargs closed this as completed in #9014 Nov 14, 2016

elastic-jasper mentioned this issue Nov 14, 2016

[5.x] Speed up rendering of large docs in doc table #9069

Merged

Bargs added the :Discovery label Nov 14, 2016

elastic-jasper mentioned this issue Nov 18, 2016

[4.7] Speed up rendering of large docs in doc table #9149

Closed

Bargs mentioned this issue Nov 18, 2016

[4.7] Speed up rendering of large docs in doc table (#9014) #9150

Merged

tbragin added the v5.1.1 label Dec 8, 2016

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Slow doc table rendering with large number of fields #6328

Slow doc table rendering with large number of fields #6328

marcinkubica commented Feb 25, 2016

rashidkpc commented Feb 29, 2016

spalger commented Mar 1, 2016

Slow doc table rendering with large number of fields #6328

Slow doc table rendering with large number of fields #6328

Comments

marcinkubica commented Feb 25, 2016

rashidkpc commented Feb 29, 2016

spalger commented Mar 1, 2016