PBI Embedded

[poojithap]

I'm embedding Power BI reports into a React/Node.js application using service principal authentication. While the embedding generally works, I'm observing a noticeable 'buffering' or loading time before the report becomes interactive. My current setup fetches an access token, then an embed token, and then uses powerbi-client-react to display the report. I'm also caching the embed URL on the backend.

What are the most common causes of significant loading times for embedded Power BI reports, and what are the best practices or optimization strategies (both on the backend for token generation/fetching and on the frontend for rendering) to minimize this buffering time?

[v-pgoloju · Accepted solution]

Hi @poojithap

Thank you for reaching out to the Microsoft Fabric Forum Community.

Slow loading times for embedded Power BI reports are typically due to complex report designs, frequent token generation, and frontend rendering delays. To enhance performance, cache both the Azure access token and the embed token on the backend instead of generating them each time. Simplify report visuals, avoid heavy DAX or unused filters, and delay frontend rendering until the embed token and URL are ready.

Best regards,
Prasanna Kumar

[jhrjdata]

Hi everyone,

I am trying to create a custom web application that embeds Power BI reports, but I am running into issues. Most tutorials I find are outdated and do not work with the current APIs.

What I am trying to do: Embed a Power BI report in a custom HTML JavaScript application, allow users to interact with the embedded report, and integrate with Azure OpenAI for analysis of the dashboard data.

Current setup: Using Power BI Service with a published report, have the embed URL from Fabric, trying to use powerbi-client JavaScript library.

Issues I am facing: Authentication token generation not working as expected, embed code examples seem outdated, need current working examples for 2024 2025.

Questions: What is the most current way to implement Power BI Embedded in 2024? Are there recent working code samples for JavaScript HTML embedding? Any recommended tutorials that actually work with current APIs?

Any help or pointers to current resources would be greatly appreciated.

Thanks

[v-pgoloju]

Hi @poojithap,

Just a gentle reminder  has your issue been resolved? If so, we’d be grateful if you could mark the solution that worked as Accepted Solution, or feel free to share your own if you found a different fix.

This not only closes the loop on your query but also helps others in the community solve similar issues faster.

Thank you for your time and feedback!

Best,

Prasanna Kumar

[v-pgoloju]

Hi @poojithap,

We wanted to kindly check in to see if everything is working as expected after trying the suggested solution. If there’s anything else we can assist with, please don’t hesitate to ask.

Warm regards,

Prasanna Kumar

[v-pgoloju]

Hi @poojithap,

Just checking in to see if the changes around token caching and report optimization have improved the loading times for your embedded Power BI reports. If you're still experiencing delays or need further assistance, feel free to let us know we’re happy to help.

Warm regards,
Prasanna Kumar

[KjetilAB · Accepted solution]

Hi.

I had some of the same problems. Look at this post that i just updated with the solution to my problem. It might give a few tips.
https://community.fabric.microsoft.com/t5/Developer/PBI-Embedded-performance-problem/m-p/4702339#M61...

Regards,

Kjetil Blomsøy

[v-pgoloju · Accepted solution]

Hi @poojithap

Thank you for reaching out to the Microsoft Fabric Forum Community.

Slow loading times for embedded Power BI reports are typically due to complex report designs, frequent token generation, and frontend rendering delays. To enhance performance, cache both the Azure access token and the embed token on the backend instead of generating them each time. Simplify report visuals, avoid heavy DAX or unused filters, and delay frontend rendering until the embed token and URL are ready.

Best regards,
Prasanna Kumar