How to make iframe load faster

Hello guys,

I have a few pages which have iframe. When I go to those pages on my app, It doesn’t load the website fast. It’s white blank for a couple of seconds before start loading a site.
I figured iframe is a little slow…

Is there any way to preload all these iframe website links on start so when a user navigates to the iframe page, they will see the site loaded without having to wait?

Let me know if there’s a way to make this happen.


If your App is a PWA you can use a Service Worker to cache URLs, for example:

      "urls": [


1 Like

Unfortunately, my app is not PWA.
Is there any way to preload a website on app init?
That’s probably the only way to bypass the white loading screen of iframe…

still haven’t found a good solution for this yet.

There’s a trick to completely hide iframe’s white flash screen but it doesn’t address loading time issue:


I know there an issue (white screen) on IOS when loading PWAs.


iframe ships with onload() function so it can be used along with Ionic’s loading controller.

But I found sometimes it takes up to six seconds for an iframe page to load a site.
It depends on your internet connection but it’s definitely not that fast.

Here are a few other tricks: