SPFX Very slow on mobile devices / iFrame Sharepoint

[remylaunay]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• Tried SPFx version : 1.15, 1.16, 1.23
• Tried Node.js version : 16.13.2, 18.20.4, 25.1.0

Describe the bug / error

Issue: Extremely Slow iFrame Loading from SPFx Modules on Mobile Devices

Category

Performance / SPFx / iFrame / Mobile

Devices affected: Mobile devices (smartphones, tablets)

Date issue started: May 2025

Additional Notes

The slowdowns began around May.

The iFrame loads SharePoint Online pages.

By default, we have a static tab that looks like this:

"staticTabs": [
  {
    "entityId": "teams-myapp-dev",
    "name": "Teams - MyApp",
    "websiteUrl": "https://{teamSiteDomain}",
    "contentUrl": "https://{teamSiteDomain}/_layouts/15/TeamsLogon.aspx?SPFX=true&dest=/_layouts/15/teamshostedapp.aspx?teams%26personal%26componentId=<COMPONENT-ID>%26forceLocale={locale}",
    "scopes": [
      "personal"
    ]
  }
]

And our TypeScript code looks like this:

public render(): void {
  if (this.context.sdks.microsoftTeams) {

    this.context.sdks.microsoftTeams.teamsJs.app.getContext().then(context => {
      const language = context.app.locale;
      let page: string = Constants.EnglishUrl;
      if (language.indexOf('fr') === 0) {
        page = Constants.FrenchUrl;
      }

      this.domElement.innerHTML = `<iframe width='100%' height='100%' src=${page} />`;
      this.domElement.parentElement.style.overflow = 'hidden';
    }, err => {
      console.error(err);
    });
  } else {
    this.domElement.innerHTML = '';
  }
}

No changes were made between the time when it worked correctly and the moment it stopped working.

We suspect a regression or platform-side performance issue.

Has anyone else experienced this behavior?
Any known fixes, workarounds, or updates from Microsoft?

Thanks!

Steps to reproduce

• Create or use an existing SPFx web part containing an iFrame loading a SharePoint page.
• Load the page on a mobile device.
• Observe that the iFrame takes significantly longer to load than expected.

Expected behavior

Pages loaded inside an iFrame from an SPFx web part should load at normal speed on mobile devices, comparable to desktop performance.

Observed Behavior

Since May, pages embedded in an iFrame from our SPFx modules load extremely slowly on mobile terminals.
The issue does not appear (or appears far less) on desktop browsers.

[Ashlesha-MSFT]

Hello @remylaunay,
Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.
If you don’t receive a reply within two working days, please use this escalation form to escalate.

[Ashlesha-MSFT]

Hello @remylaunay,
We were able to reproduce the issue on our side as well, especially on mobile devices. We’ve logged this as a bug and our engineering team is currently investigating it. At this stage, it appears that this may be a regression introduced recently on the platform.

We will continue to monitor the behavior and will update you as soon as we have more information or a confirmed fix.

Thank you for reporting this!

[remylaunay]

Hello @Ashlesha-MSFT,

Do you have any news about this issue ?

[Ashlesha-MSFT]

@remylaunay,
Engineering team is actively working on the issue, and I’ll keep you posted as soon as there’s any progress or resolution.