[Fleet] Integration listing performance - integration grid rendering

[nchaulet]

Description

Related to #118751

Rendering the whole integration list is slow with the current number of integration (256)

You can see in this CPU profile (with cpu throttling) the two big block of blocking JS one we render the list the first time with the non Fleet integration and the second time with Fleet integration .

We also load all the icon for each package that could be problematic

profile-integration-list.json.zip

Potential solution

Maybe we can virtualize that list to do not render the 256 cards when not needed.

Maybe just lazy loading the PackageIcon that seems one of the most problematic issue could help.

[elasticmachine]

Pinging @elastic/fleet (Team:Fleet)

[joshdover]

Let's scope this to only lazy loading icons using the built-in browser support for this