XmlHttpRequest or iframe to load a web application?

Question

I have a little perfomance issue with a web application I am using and I would like to know how can I solve it.

You see, when I enter to my web application, everything starts loading and takes some time since the application make some requests to a database to retrieve some data. I would like to know if I can put an iframe on a blank page with the link to my application so it can start loading inside the iframe making the rest of the page work and not getting stuck.

I've tried adding a XmlHttpRequest on a blank page requesting the web application link but it onlys retrieves the first elements that loads instantly but stops there. It doesn't get all the elements loaded before the first moment since they have some delay to appear because of the database request the web application makes.

How you guys think that I can load my web application inside another page and while my web application loads, I can still use the rest of the other page without everything getting stuck?

I hope you guys could guide me a little bit. Thank you in advance!

Answer 1

I've solved this by adding an invisible iframe that loads the page I need on the background and on the front I retreive everything with my application. Once I finish, I just delete the iframe on the background and move to the next task.