¿Cuándo comienza a cargarse el iframe antes de cargar la página principal?

When does iframe start loading before onload of main page?

Iframe starts loading before onload of main page Onload of the iframe fires after all iframe content is done loading Onload of main page fires after the iframe’s onload fires: the iframe blocks the main page onload ! While the iframe is loading, one or more browser busy indicators show something is loading

I’ve just noticed that Chrome is not always firing the load event for the main page so this could have an effect on iframes too as they are basically treated the same way. Use Dev Tools or the Performance api to check if the load event is being fired at all.

The idea is to show the loading animation in the wrapper div till the iframe loads after it has loaded the iframe would cover the loading animation. Give it a try. Using both jquery Load and Ready neither seemed to really match when the iframe was TRULY ready.

As you can access the window element of the iframe with contentWindow, you have to do this: // Get the iframe const iframe = document.getElementById(‘myIframe’); // Reload the iframe iframe.contentWindow.location.reload();

The assign () method loads a new document. The reload () method is used to reload the current document. Simply replacing the src attribute of the iframe element was not satisfactory in my case because one would see the old content until the new page is loaded. This works better if you want to give instant visual feedback:

At there Webmasters Help Forum, Google clearly stated that iframes may cause problems for them: IFrames are sometimes used to display content on web pages. Content displayed via iFrames may not be indexed and available to appear in Google’s search results. We recommend that you avoid the use of iFrames to display content.

My advice: be aware of the onload blocking. It’s not a big problem if the iframe content takes a short time to load (and execute), and the iframe in itself is good to use because it loads in parallel with the main page. But if it takes long for the iframe to finish, the user experience is damaged.