Multiple embeded visuals (not report) in a React web page

[navnee]

Hi, I am new to powerBI-embed and have almost no experience with powerBi iteself. I am working on a project of a webapp (made in React js) where the UI shows multiple powerBi visuals (graphs, tables, maps, etc) - I am not embeding the entire report, but multiple individual visuals.

I implemented it by using this method but modified for individual visuals. So in the end, I have a single react-web page, with about 6-8 visuals displying.
I am using a power-bi-premium trial version (as this is a POC). But the issue is that, after hosting the webpage, it takes about 10-20 seconds for all the visuals to load and render in the page. I would like to get any knowledge or insights regarding -

1. How can i speed up the visuals loading?
2. Is it possible to scale this and provide this (in the current state with premium-trial) to about 20-30 people viewing at the same time?
3. Is there a way to cache this visuals in react? (as it is using the custom

<PowerBIEmbed......./>

 react dom to render the visuals) as each time now I refresh the page, its fetching and rendering the visuals from scratch.

Any thoughts and tips would also be appreciated. Thanks in advance.

[Anonymous]

HI @navnee,

In my opinion, I'd like to suggest you merge these visualizations to one report and embed it, it should have better performance than create multiple embed iframe and loading contents. Also singe embed report should spend less trial tokens when use embedded features.

BTW, you can also consider to use 'publish to web' feature, it can also share report contents and not required license. (notice: this feature does not include security settings on shared content)

Publish to web from Power BI - Power BI | Microsoft Learn

Regards,

Xiaoxin Sheng

[navnee]

Oh!. Sure thanks. I'll read up on that 👍

[lbendlin]

Extend your POC to test a version that uses a single Power BI session with all the visuals in the same page/iframe.

You will also want to have a look at the queries behind the visuals to see if there are options to improve query performance.

[navnee]

with all the visuals in the same page/iframe.

This can be done only by embeding the entire report or embeding as custom-report. Is that right?