Skip to content

[EuiDataGrid] Fullscreen browser rendering performance in Chrome  #3705

@kertal

Description

@kertal

When using Chrome 83, MacOS 10.16.4, I'm experiencing high CPU load, laggy interface by hovering rows in full screen mode. It starts with setting the number of rows to 50, and when setting it to 100 it looks like this:

image

Used the docs for this: https://elastic.github.io/eui/#/tabular-content/data-grid

This is not the case in Firefox, and if I test it on a non-retina monitor it's much better (Just a quarter of the pixels to render, obviously). However seems that a simple hover takes much more CPU than in other browsers, so it's worth investigating.

Here's a screen of the Chrome performance tools:
Bildschirmfoto 2020-07-08 um 08 21 35
And here's the profile:
Profile-20200708T082241.json.zip

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions