Why is this iframe not loading?

How to make a website handle 3-4 iframe widgets without trouble?

• Web design question: too many iFrames. I have a client who wants her already-feature-heavy website to include, all at the same time, IFRAME widgets from Facebook, Google Maps, and a restaurant reservation system. The combined force of all these heavy-duty widgets seems to break the site on certain browsers, like IE. IE doesn't want to wait for three different third-party websites to load. It instead just shows white error "could not load this page" boxes. Is there a good way to make a page cope with so many embedded objects, or to somehow have more patience for longer page loading times?

• Answer:

  You're not wrong to http://www.stevesouders.com/blog/2009/06/03/using-iframes-sparingly/, though I wouldn't give up on looking for other explanations, because 3 doesn't seem like a large number to me. But perhaps it would help to delay loading the least important widgets with a little bit of Javascript, e.g. through creative use of setTimeout() or a bit of jQuery like this ...$(document).ready(function() { $("#some_div").html("<iframe src='http://google.com'></iframe>"); });