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

13 Responses to “How To:Use Iframes to Speed Up Your Blog”


  1. 1 gcmjnoaixb

    Hello! Good Site! Thanks you! jwryqltfgii

  2. 2 emre

    iframe makes blog little bit fast

  3. 3 Italian Restaurant

    Oh it is working well for my personal blog. Thanks

  4. 4 Singapore SEO

    If we are looking at the perspective of SEO value, i will strongly recommend not to include iframe.

  5. 5 FTA Keys

    Ive been looking for an easy copy paste method to replace my widgets - thanks for saving us all the headache!

  6. 6 syria

    iframe in my opnion is google killer but in the way u used it i dont think it will effect the site i mean from the seo side in all the way thanks for sharing those great info

  7. 7 Roger Hamilton

    In my opinion, i do not feel it is friendly to use iframe too.

  8. 8 Powerballs

    Wow, thanks for these excellent codes. :lol:

  9. 9 Internet Marketing

    Taking design structure in considerations, it is definitely not a wise idea to use iframe in a site.

  10. 10 Jack Clarke

    Geee I thought frames went out ten years ago.

  11. 11 free ebook

    Thanks for the great reference post. Just what I was looking for!

  12. 12 blackberry themes

    very nice post, very helpfull thank for the information because it helps me a lot

  13. 13 Thomas

    Your are right. When I implemented java on my blog I instantly saw a huge degradation in respons time, but I did not know what this was. Now I see it is because of java.
    Thanks for explanation buddy.

    http://www.pcterritory.net

digg this
Subscribe to My Feed AddThis Social Bookmark Button

Leave a Reply