Skip to content

UI responsiveness of the search page is sluggish when many spans in results #43

@tiffon

Description

@tiffon

Description

The responsiveness of the search results page slows as the summed number of spans in the search results increases. For instance, with ~20,000 spans, the search form takes several seconds to register the focus on one of the text inputs.

Steps to reproduce the issue:

  1. Using the HotROD app, register 400 traces
    var i = 100; var btns = [].slice.call(document.querySelectorAll('.hotrod-button')); while (i--) btns.forEach(btn => btn.click());
    
  2. On the search page of the Jaeger UI, select Service = frontend and Limit Results = 400
  3. Submit the search and let the page finish loading
  4. Click the Min Duration text input
  5. Note: Several seconds elapse before the input receives focus
  6. Click the Max Duration text input
  7. Note: Several seconds elapse before the input receives focus

Describe the results you received:

Several seconds elapse before the form inputs register focus.

Describe the results you expected:

The form inputs register focus immediately.

Additional information you deem important (e.g. issue happens only occasionally):

I've identified the underlying issue, have made changes to address it and will issue a pull request within the next couple of days.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions