WordPress Plugin IFrameWidgets 1.0 Released

Stephen Cronin — Wed, 30 Jan 2008 03:52:44 +0000

I’m pleased to release IFrameWidgets v1.0, a WordPress plugin that can stop slow loading JavaScript widgets from breaking your page.

Widgets remain hidden until completely loaded, then appear in whole. If they don’t load, they won’t take up any space on your sidebar. If they load slowly, or hang, they won’t stop the rest of your page from loading.

If You’re On A Beta Version

IFrameWidgets has been in beta for a long time. The last beta version (v0.14) version was released almost two months ago and no problems have been reported with it, so I have promoted it to v1.0 and I’m ‘releasing it’.

There are no changes from v0.14, apart from the version number and date.

The Problem - Slow JavaScript Widgets

We all love adding JavaScript widgets to our sidebars. Widgets for social networks, advertising, traffic exchange, weather conditions, etc…

The problem is sometimes these widgets can be very slow - or they may not load at all. When this happens, it can break your page. Items after the slow widget don’t load, they wait until the widget finally loads or gives up.

How IFrameWidgets Helps

The plugin creates WordPress sidebar widgets (not to be confused with the JavaScript widgets themselves) that run in an IFrame. These are similar to the standard Text widgets, but with the output created in an IFrame.

IFrames load in parallel to the rest of the page. If slow loading JavaScript widgets are placed in an IFrame, they won’t stop the rest of the page loading if they load slowly or hang.

Note: although the rest of the page will load without waiting, your browser will not say the page is Done until the slow widgets have finished loading (or given up).

IFrameWidgets also hides the widgets until they are completely loaded, then displays them. If they don’t load, they won’t take up any space.

Requirements

Should work on any WordPress version / theme with support for WordPress widgets. I am planning a non WordPress widget version in future.

Where Do I Get It?

IFrameWidgets v1.0 can be downloaded from the IFrameWidgets plugin home page. Further information about the plugin and it’s features, including installation / upgrade instructions, is also available on the plugin home page.

New WordPress Plugin To Help Slow Widgets - Maybe

Stephen Cronin — Mon, 15 Oct 2007 15:54:31 +0000

Many people have been complaining about slow loading social widgets. You know the ones! I’ve written a WordPress plugin which may help, but there are some issues related to it and I’d like some advice. I have some specific people in mind, so I’ll ping them below.

UP TO DATE INFORMATION ABOUT THE CURRENT STATUS OF THIS PLUGIN CAN BE FOUND AT THE IFRAMEWIDGETS PLUGIN HOME PAGE

I’ll put in a disclaimer right now: I am not having a go at the slow widgets themselves. They are not slow all of the time or for everyone. I’d like them to be faster and I’m sure the social sites are doing what they can to improve performance. However, they are a problem for some people and I am looking for a workaround for these people.

What Does The Plugin Do?

The plugin creates IFrame widgets for WordPress. They are similar to Text Widgets, except output is created in an IFrame (in the sidebar). So, placing social widget code in an IFrame widget means it will appear in an IFrame.

The benefit of placing social widgets in an IFrame is that IFrames load in parallel to the rest of the page. If the social widget loads slowly or hangs, it won’t prevent the rest of the page from loading.

In addition to this, the plugin provides other features / benefits, including:

Widgets remain hidden until they are completely loaded, then appear in whole. If they don’t load, they won’t take up any space on your sidebar.
Up to 9 IFrame widgets can be enabled, but you don’t have to use them for all your social widgets, just the ones you are having issues with.
Should work for any external widget, not just social widgets.
Caters for the BUMPzee widget php code (other php code won’t work).

Want to see it in action? You can, right here on my site. The BUMPzee, MyBlogLog and BlogCatalog widgets are all running in IFrame Widgets. Sounds great right? But there are some problems / issues.

Issues With Social Widgets In An IFrame

The following are some problems / issues with this approach:

The main problem is that links in the IFrame open in the IFrame. I’ve added target="_blank" to the IFrames which seems to fix the problem for the MyBlogLog widget but not the BUMPzee and BlogCatalog ones. Something in their widgets is overriding the IFrame. I’m looking into whether I can do something via javascript’s onClick event handler. This is a deal breaker for the BUMPzee and BlogCatalog widgets.
Social widgets need to tell their website who has been to your site. If they do this through cookies, there should be no problem. I can now confirm that BUMPzee, MyBlogLog & BlogCatalog widgets all work fine.
The social sites may not like people running the widgets in IFrames. I hadn’t considered this until I read Lucia’s post about Blogrush being unhappy with their widget being placed in the footer.
IFrames are not great for either SEO or accessibility. This should not be an issue, as we are dealing with external widgets rather than content. It may even help preserve PageRank as the search bots may not follow the links. Can any experts out there confirm this? And how will this impact on point 3 above?

Don’t tell me IFrames suck! I don’t like them either. They were the last resort after it proved impossible to call the social widget code after the page has loaded (either by making an AJAX call or by creating the javascript in the DOM). This won’t work, as most social widgets use document.write, meaning they must run when the page is loading. Caching them on the server won’t work as the widgets won’t detect your visitors.

Feedback Please!

I’d like some feedback on the above issues from anyone willing to leave a comment. In particular, there are some experts I’d like to hear from. I’m shooting pretty high, but I’ll ping them and see if they respond:

First up is Scott Jangro, BUMPzee creator. Scott, if you read this I’d love some feedback from the BUMPzee’s perspective, especially on points 1 and 3.

Next is Andy Beard, who is an expert in… well pretty much all of this. Andy, I know you’ll probably say that themes need to be designed correctly (ie sidebars before content), but I’m very interested in your views.

Third is John Reese. John, I’d be grateful for your thoughts on point 3. Would you be concerned by the Blogrush widget being in an IFrame (if it was placed higher on the page, which is your main concern about it being in the footer)?

A special acknowledgement needs to be given to Earl Moore at Meandering Passage. When I turned to IFrames, I came across Earl’s Keeping javascript widgets from controlling your blog post. Earl, I’d love to know what you think.

I’d also like to hear from the following people who have had widget issues:

Lucia at Big Bucks Blogger
RT at Untwisted Vortex
Chris at Blog Op

and anyone else with an opinion on this!

The Final Word

I’d really like feedback on this. I’ll probably release the plugin regardless, as it’s already written and I think it will have some use. However whether I push the social widget angle depends on your feedback (and whether I can solve the links opening in the IFrame issue).

More Than Scratch The Surface » IFrameWidgets