How To:Use Iframes to Speed Up Your Blog

Looking for ways to speed up loading time on my blog I came across this from Meandering Passage

blockquote.gif There’s several javascript widgets running on Meandering Passage. so when I read Alex Iskold’s excellent post on Read/WriteWeb titled “How JavaScript is Slowing Down the Web (And What To Do About IT),” it struck home.With Meandering Passage, I’ve experienced the slower page loads and the sometimes hesitation or halts due to suspected javascript issues. I think what most people don’t realize is:
Anytime a piece of JavaScript is being loaded or evaluated, everything else has to wait. blockquote1.gif

Keeping javascript widgets from controlling your blog » By Earl Moore » » Meandering Passage

However, being a relative beginner in HTML and Java I ran into a couple of problems implementing iframes on my blog. So in detail, for the other newbies out there, is how I replaced the MyBlogLog widget and Feedburner email subscribe widgets with iframes.

Make an html page containing the widget java code for MyBlogLog

Obtain the java code from MyBlogLog and make an html page as follows. Place the code between the body tags.

<html>
<head>
<title>My Javascript Page</title>
</head>
<body>
</body>
</html>

The page now looks like this (I’ve abbreviated the long src code and replaced with ……. to make it easier to read!

<html>
<head>
<title>My Javascript Page</title>
</head>
<body>
<script type=”text/javascript” src=”http://pub.mybloglog.com/comm2.php…………”
width=”140″></script>
</body>
</html>

Save the page in your root directory (usually public_html). I saved mine as mybloglog.html

Making the Text Widget

In the admin panel go to Presentation widget and drag a text widget to the sidebar.

add the following

<iframe src=”mybloglog.html” width=”200″ height=”190″ frameborder=”0″>
</iframe>

Replace mybloglog.htm with your own html page address . Frameborder = 0 will remove the ugly iframe border. You will have to experiment with the width and height to fit your MyBlogLog code. Be sure to check the appearance in both Firefox and related browsers and in IE as they process the sizes differently!

Replacing the Feedburner E-mail Subscribe Widget

For the html page use the following and place your code between the body tags

<html>
<head>
<title>My Javascript Page</title>
</head>
<body>
</body>
</html>

Mine looks like this

<html>
<head>
<title>My Javascript Page</title>
</head>
<body>
<form
style=”border: 1px solid rgb(204, 204, 204); padding: 3px; text-align: center;”
action=”http://www.feedburner.com/fb/a/emailverify”
method………….>
</form>
</body>
</html>

Making the Text Widget

Use the same code as above for the text widget, replacing mybloglog.html with the html page you made above.

Now you won’t have to wait for the external site to reply before the page is loaded.

Note: While writing this I experienced a long delay in loading MyBlogLog (at least 2 mins) so i was glad I’d implemented this. Thanks again to Meandering Passage for the tip smile.gif

1 Response to “How To:Use Iframes to Speed Up Your Blog”


  1. 1 gcmjnoaixb

    Hello! Good Site! Thanks you! jwryqltfgii

digg this
Subscribe to My Feed AddThis Social Bookmark Button

Leave a Reply