JavaScript badges should reside on the bottom of the HTML page Mar22 '07

I realized after yesterday's topic on JavaScript badges that I safely have all of my badges at the very bottom of the HTML page, which is good because then my content loads first.

If you open the base page, you'll notice the right-hand column takes a while to display, illustrating my point of slow page loading using JavaScript badges. It's taking long to display because it has to reach out to Twitter, Google, and Flickr.

Conveniently, my actual site content (the boxes in the middle, and the navigation) displays first, which is good because the user doesn't have to wait on the other content to load before seeing my own.

Screenshot of my personal web site

Here's a sample of how the HTML is constructed, while the page loads from top to bottom:

<div id="header">

    Navigation links reside here.

</div>

<div id="content">

    <div class="left">

       Main content goes here.

    </div>

    <div class="right">

       JavaScript badges reside here.

    </div>

</div>

If, however, I had my badges along the top of the HTML page, my content would not load until the JavaScript badges loaded, which is very bad for the viewer.

In general, I am going to try to keep the badges to a minimum.

Categories: Badges , HTML

Add Feedback (view all)

Leave feedback

Feedback

Input format: The editor controls below will assist with Markdown syntax.

Status

Sub-status

Your info

matthom is published and produced by Matt Thommes - an independent publishing enthusiast, mobile blogger, content creator, informative writer, web developer from a suburb of Chicago. Never one to conform, Matt intends to promote the effect the web has on our lives, in an effort to intensify, instruct, and clarify all that is happening around us.

Contact Matt

Popular Pages

  1. Fast rounded corners in Photoshop (4151 recent visits)
  2. PHP – passing variables across pages (1558 recent visits)
  3. JavaScript set selected on load (1290 recent visits)
  4. Removing all child nodes from an element (882 recent visits)
  5. iPod songs out of order? (747 recent visits)
  6. Britney - Everytime piano tab (669 recent visits)
  7. Firefox 3 smart address bar: wildcard search (633 recent visits)
  8. MySQL LEFT JOIN syntax (543 recent visits)
  9. Breathe Me - Sia (508 recent visits)
  10. Tumblr: how blogging should be (403 recent visits)

Similar Entries

Stats

12 unique visits since August 2008

Syndicate

Advertisements