Why not to use iframes for embedded dashboards

10 months ago

Embedded analytics dashboards require a smooth UI/UX for users and easy embedding for developers.
Iframes, traditionally used for embedding, are outdated and problematic for modern applications.
Iframes create visual mismatches as they don't inherit parent styles, leading to inconsistent branding.
Limited interaction between iframes and parent applications complicates event handling and state management.
Iframes cause layout issues like double scrollbars and responsiveness problems, especially on mobile.
Debugging iframes is difficult due to separate execution contexts and cross-origin restrictions.
Security risks with iframes include cross-frame scripting, clickjacking, and credential phishing.
Performance overhead with iframes includes redundant network requests and memory usage.
Browser policies like third-party cookie blocking further complicate iframe-based authentication.
Maintaining iframes ties product development to third-party updates, reducing long-term flexibility.
Embeddable offers a modern alternative with native React/Vue embeds, ensuring design consistency and performance.

Hasty Briefsbeta