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

[Fleet] Lazy load package icons in integrations grid #132455

Merged
merged 1 commit into from
May 18, 2022

Conversation

joshdover
Copy link
Contributor

@joshdover joshdover commented May 18, 2022

Summary

Resolve #122660

Will prevent the package icons from loading until they're near the viewport when scrolling. Reduces request backlog/queueing on HTTP/1.1 connections (which is only what Kibana supports).

@joshdover joshdover added release_note:skip Skip the PR/issue when compiling release notes Team:Fleet Team label for Observability Data Collection Fleet team auto-backport Deprecated - use backport:version if exact versions are needed v8.3.0 v8.2.2 labels May 18, 2022
@joshdover joshdover requested a review from a team as a code owner May 18, 2022 17:07
@elasticmachine
Copy link
Contributor

Pinging @elastic/fleet (Team:Fleet)

@joshdover joshdover enabled auto-merge (squash) May 18, 2022 17:07
@nchaulet
Copy link
Member

Looks like we did not sync correctly on this one, #132450

Copy link
Member

@nchaulet nchaulet left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚀 I tried to do some profiling in a dev environment but I did not get obvious result this is a real improvement (But it probably still nice to have)

@joshdover joshdover merged commit 6cf8ebf into elastic:main May 18, 2022
@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
fleet 705.3KB 705.4KB +95.0B

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.2

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request May 18, 2022
(cherry picked from commit 6cf8ebf)

Co-authored-by: Josh Dover <1813008+joshdover@users.noreply.github.com>
joshdover added a commit to joshdover/kibana that referenced this pull request May 30, 2022
(cherry picked from commit 6cf8ebf)

# Conflicts:
#	x-pack/plugins/fleet/public/components/package_icon.tsx
@kibanamachine
Copy link
Contributor

Looks like this PR has backport PRs but they still haven't been merged. Please merge them ASAP to keep the branches relatively in sync.

@kibanamachine kibanamachine added the backport missing Added to PRs automatically when the are determined to be missing a backport. label Jun 1, 2022
joshdover added a commit that referenced this pull request Jun 2, 2022
…#133165)

* [Fleet] Lazy load package icons in integrations grid (#132455)

(cherry picked from commit 6cf8ebf)

# Conflicts:
#	x-pack/plugins/fleet/public/components/package_icon.tsx

* Fix linting

Co-authored-by: Jen Huang <its.jenetic@gmail.com>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
@kibanamachine kibanamachine removed the backport missing Added to PRs automatically when the are determined to be missing a backport. label Jun 2, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
auto-backport Deprecated - use backport:version if exact versions are needed release_note:skip Skip the PR/issue when compiling release notes Team:Fleet Team label for Observability Data Collection Fleet team v7.17.5 v8.2.2 v8.3.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Fleet] Integration listing performance - integration grid rendering
5 participants