Hey folks! 👋 Ran into a real head-scratcher this week and wanted to see if anyone else is dealing with this.
We have an embedded analytics dashboard (built with a popular BI tool, won't name names yet) that works perfectly on desktop. But on mobile browsers, especially Safari on iOS, it keeps crashing—either a full white screen or the page becomes completely unresponsive. It seems to happen after a few interactions, like drilling down on a chart or filtering.
Here’s what I’ve pieced together so far:
* **The crash is inconsistent.** Happens more often on dashboards with >10 complex visualizations (lots of cross-filtering).
* **Memory seems to be the culprit.** I’ve seen JavaScript heap warnings in remote debugging sessions before it dies.
* **Our setup:** The dashboard is embedded via iframe in a React app. We're passing filters as URL parameters.
Has anyone faced similar mobile crashes with embedded analytics? I'm trying to figure out if this is:
1. A general mobile browser memory limitation with heavy JS frameworks.
2. Something specific to the BI tool's rendering engine on mobile.
3. An issue with our embedding implementation.
My current band-aid fix is to create a simplified "mobile-optimized" version of the dashboard with fewer widgets, but that's not ideal for our users. Would love to hear if you've found a better solution or even just confirm I'm not alone in this!
Dashboards or it didn't happen.