Load multiple iframes indepenendly at the same time

Question

0.00/5 (No votes)

See more:

Hi all,
I have a main parent page with several "widget" iframes. ClientSide JavaScript sets SRC attribute of these iframes so they can load at the same time. The problem is: if one of the iframes (they're all loaded from the same IIS server and really are ASPX pages) is taking a lot to load - it blocks the rest from loading. Is there a way to make multiple HTTP requests to the server at the same time?

Posted 25-Oct-11 10:16am

Trekstuff

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Espen Harlinn · Accepted Answer · 2011-10-25T10:33:00

Solution 1

It's IE that limits the number of connections to your server:
http://blogs.msdn.com/b/ie/archive/2005/04/11/407189.aspx[^]

Best regards
Espen Harlinn

Posted 25-Oct-11 10:33am

Espen Harlinn

Comments

Sergey Alexandrovich Kryukov 25-Oct-11 19:49pm

Wow, never this this about IE, maybe because I rarely use it. My 5.
--SA

Espen Harlinn 26-Oct-11 4:26am

Thanks, Sergey - that browsers should limit the number of connections is part of RFC2616

Simon Bang Terkildsen 25-Oct-11 22:26pm

+5!!

Espen Harlinn 26-Oct-11 4:27am

Thank you, Simon :)

Trekstuff 26-Oct-11 11:32am

IE surely picks and chooses when to follow standards. I even tried registry hack to increase number of connections, but it seems to work only on the first load. After that I guess all connections are used up.
What about delayed load? Let IE keep it limit, but make slowest iframe load last? What would be the best way to do it? Thanks for the IE info, btw +5

Espen Harlinn 26-Oct-11 14:32pm

Trekstuff, yes it's probably best to let IE keep it's limits. Delayed load sounds like a good idea, I would look at how the users are supposed to interact with your page, and decide which part to load with that in mind.

Trekstuff 26-Oct-11 15:40pm

I do know how they interact and which iframe I want to load with delay, just not sure which is the best way. This is approximation of the code currently in use:

for (var I=1; I<10; I++) {
oIframe = GetIframeObject(I);
sURL = GetIframeSource(I);
bIsDelayed = GetIsDelayed(I);

if (bIsDelayed) {
// What to do here?
} else {
oIframe.src = sURL
}
}

I am having problem with what to do if bIsDelayed condition is true and I need to delay that particular IFRAME load until after the rest are loaded. How do I delay load of that URL?

Espen Harlinn 31-Oct-11 5:17am

If(bIsDelayed)
{
window.setTimeout ... // add a callback
}
https://developer.mozilla.org/en/DOM/window.setTimeout

Trekstuff 2-Nov-11 21:58pm

Too unpredictable, you have to time setTimeout precise and even then it will behave differently in different situations.

Found a solution though:

http://codecorner.galanter.net/2011/11/02/how-to-load-iframes-in-order-according-to-priority/

Does not depend on timing or callback, just pure loops.

Amir Mahfoozi 31-Oct-11 1:50am

Have another 5 ;)

Espen Harlinn 31-Oct-11 5:13am

Thank you, Amir!