Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[META] Dashboard Performance #166211

Closed
11 of 19 tasks
thomasneirynck opened this issue Sep 11, 2023 · 3 comments
Closed
11 of 19 tasks

[META] Dashboard Performance #166211

thomasneirynck opened this issue Sep 11, 2023 · 3 comments
Labels
Meta Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas

Comments

@thomasneirynck
Copy link
Contributor

thomasneirynck commented Sep 11, 2023

This meta-issue collects issues around Dashboard Performance.

Efficient data fetching

Dashboards should request the data for the widgets in the most efficient way.

Efficient code loading

Load code most efficiently. Improve packaging.

Efficient DOM rendering

Dashboards should efficiently manipulate the DOM to avoid FOUC.

Perceived performance

Improve perceived performance by UX-flow optimizations

Debugging

@botelastic botelastic bot added the needs-team Issues missing a team label label Sep 11, 2023
@thomasneirynck thomasneirynck added the Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas label Sep 11, 2023
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-presentation (Team:Presentation)

@botelastic botelastic bot removed the needs-team Issues missing a team label label Sep 11, 2023
@timductive timductive added Meta and removed Meta labels Sep 25, 2023
@Dosant
Copy link
Contributor

Dosant commented Mar 25, 2024

Wanted to share some random observations and ideas that I didn't noticed in the list so far, maybe some of those deserve a closer look:

Some larger items:

  • React 18 has new APIs for efficient prioritizing of updates https://react.dev/reference/react/useTransition. I wonder if using this new feature might help us with perceived performance in some places. Also, I wonder if updating to React 18 would increase performance by itself. Not sure how much effort the update is and if it was tried before.
  • There is an existing deferBelowFold experiment, I saw it is used on large internal dashboards, and it seemed very useful. Not sure why we plan to remove it [Dashboard] Remove defer below fold setting #176535 instead of investing more into it. Maybe worth another look

Tiny quick win:

  • It seems like we're still using some resize observable polyfill instead of native implementation. Removing it should cut a couple of milliseconds.
  • Looking at the profile there are isExpressionValueError and getType from the expression layer that stand out with their self-time. Maybe there is a quick small win with simplifying isExpressionValueError because of how often it is called.

@thomasneirynck
Copy link
Contributor Author

Closing this meta-ticket. Items can be tracked in the project https://github.com/orgs/elastic/projects/1307

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Meta Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas
Projects
None yet
Development

No branches or pull requests

4 participants