画像の読み込みを制御するグリモン

Webページの読み込みが遅い原因の一つは、画像の読み込みに時間がかかることです。
かといって、画像を全部非表示にすると不便。
そんな時に、こんなグリモンはいかがでしょう？
処理中に多少の画像は、ロードされてしまいますがページによっては転送量がぐっと減ります。

// ==UserScript==
// @name           imgBlock
// @namespace      http://d.hatena.ne.jp/TakiTake/
// @include        読み込み制御したいページ
// ==/UserScript==
function $x(query)
{
  return document.evaluate(query,document,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);
}

// firebugのXPathをコピー機能使うと簡単に取得できる
var org = $x('画像の読み込みを許可したい要素のXPath').snapshotItem(0);
var cp = org.cloneNode(true);

// ページの画像要素取得
var images = document.images;
for(var i=0,l=images.length;i<l;i++)
{
  // ダミー画像として1px * 1pxの画像を読み込ませる
  images.item(i).src = 'http://img.f.hatena.ne.jp/images/fotolife/T/TakiTake/20081130/20081130031355_120.jpg';
}

// iframeの読み込みも制御。不要ならコメントアウトして下さい
var iframes = $x('/html/body//iframe');
for(var i=0,l=iframes.snapshotLength;i<l;i++)
{
  iframes.snapshotItem(i).src = 'about:blank';
}

// このままだと全画像が真っ白なので許可したい要素だけ正しいsrcに戻す
org.parentNode.replaceChild(cp, org);

はてなトップのナビゲーションだけ残した場合

var org = $x('id("headtable")').snapshotItem(0);