• Feature detect

return !!(window.history && history.pushState);

• Push it real good

history.pushState(
  {stateData: "newPage"},
  "New Page Title",
  "newPage.html"
);

• Make it pop

window.onpopstate = function() { /* Magic... */ };

• Delegate as much as possible

$('#content').delegate('a.callout', 'click', fn);

• When you can't, use context specific JS

$('.new-el', newContext).yourSpecialJS();

• I wrote a plugin to help!

$(function() {
  $('p', this).each(function() {
    $(this).css('background', 'red');
  });
}, true);

// Too easy...
$('a').click(function() {
  $('#content).empty().load(this.href + ' #content');
  return false;
});

Serve only content that you will display

• Reduce request size
• Browser won't request assets you'll never see
• Less client side parsing with JavaScript