POWERBI EMBEDDED :MULTIPLE REPORTS IN MULTIPLE IFRAME ON SAME PAGE TAKES LONGER TO LOAD ON PAGE

Question

Hi All,&nbsp;I have 5 reports which are embedded in different IFRAMES in same page in Custom Application.When user click that page ,reports take almost 11 secs to load which is huge.How can we increase the performance?

amitchandak · Answer

khush19 , is it 5 visuals or 5 reports. 
Refer this
Best Practices
https://docs.microsoft.com/en-us/power-bi/guidance/power-bi-optimizationhttps://maqsoftware.com/expertise/powerbi/power-bi-best-practiceshttps://www.c-sharpcorner.com/article/power-bi-best-practices-part-1/https://www.knowledgehut.com/blog/business-intelligence-and-visualization/power-bi-best-practiceshttps://community.powerbi.com/t5/MBAS-Gallery/Microsoft-Power-BI-The-Do-s-and-Don-ts-of-Power-BI-Relationships/td-p/712566https://community.powerbi.com/t5/MBAS-Gallery/Microsoft-Power-BI-My-Power-BI-report-is-slow-What-should-I-do/td-p/712567

khush19 · Answer

It is 5 reports ,which are embeded.&nbsp;My reports are fast in Power BI service but when embeded it is slow to render.

amitchandak · Answer

khush19 , that can have many factors. Just compare the time of one report vs one report in iframe, is there any difference in time?

khush19 · Answer

NO mostly all reports load at same time.&nbsp;

anonymous · Answer

Hi khush19&nbsp;I think the problem you have is mostly due to the weight of the content you are rendering.Each Power BI report will require its own IFrame - each frame will load similar amounts of markup and script resources from Power BI - and then the users browser needs to go through and render it all, executing all that JavaScript 5 times over.&nbsp;To me, 11 seconds sounds quite good in this situation (depending on how complex your reports are).So, what can be done...If you are writing a single-page (SPA) style application (React/Angular/Vue) then you should consider pre-fetching the content. This assumes that the page being loaded is not the first one that the user will hit. The intention being that you can preload content whilst the user is doing something else... then complete the render process when the page is requested.Phased Embedding describes the process of breaking up the loading &amp; rendering of reports: https://github.com/microsoft/PowerBI-JavaScript/wiki/Phased-Embedding + Bootstrapping is for pre-fetching resources: https://github.com/microsoft/PowerBI-JavaScript/wiki/Bootstrap-For-Better-PerformanceIf you are not working with a SPA style app - then the phased embedding might still be of use.It could benefit the end users' browser if you loaded each report in turn. This way at least 1 report would load to completion before you started rendering another. This would let the browser prioritise requests accordingly. It might still take 11 seconds to render ALL reports - but the end user experience might be improved by having the ability to see the first report after only a couple of seconds.&nbsp;One last option that I can think of (and it depends on the size of reports and their contents)...Have you considered adding each report to a single dashboard as a 'Live Page' - then rendering this single dashboard?Each report would then render within a single Dashboard IFrame - reducing the number of resources that the browser would need overall, and might improve performance by quite a bit (again... this is heavily dependent on the content being displayed).Interactions in reports pinned as live pages still work - including filters &amp; slicers, but there might be limitations that I am not considering with this approach.&nbsp;Hope some of this helps.Cheers, Matt&nbsp;

Forum Discussion

POWERBI EMBEDDED :MULTIPLE REPORTS IN MULTIPLE IFRAME ON SAME PAGE TAKES LONGER TO LOAD ON PAGE

7 Replies

Related content

MULTIPLE CARD

Multiple dataViewMappings

Disable multiple eventstreams

Merge data from multiple excel files from multiple sharepoint folders

IF, Multiple