<h3>neocomplcache</h3>
<p>neocomplcache を試用中。<a href="http://github.com/Shougo/neocomplcache/tree/master">neocomplcache</a>ページランクを上げるんだ！！！</p>
<p><a href="http://d.hatena.ne.jp/thinca/20090305/1236191531">勝手にプラグインを比較してみるテスト - 永遠に未完成</a></p>
<p>neocomplecache と typo していた…</p>

neocomplcacheneocomplcache を試用中。neocomplcacheページランクを上げるんだ！！！勝手にプラグインを比較してみるテスト - 永遠に未完成neocomplecache と typo していた…

neocomplcache

<h3>今日の higepon</h3>
<p>類似度:17%</p>
<p><a href="http://www.lastfm.jp/music/Kenny+Burrell/+images/311516"><img src="http://img.f.hatena.ne.jp/images/fotolife/s/secondlife/20090307/20090307100245.jpg" alt=""></a></p>

今日の higepon

<h3>今日の tablog</h3>
<p>MDCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</p>
<p><a href="http://f.hatena.ne.jp/secondlife/20090316224902"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/s/secondlife/20090316/20090316224902.png" alt="f:id:secondlife:20090316224902p:image" title="f:id:secondlife:20090316224902p:image"></a></p>
<h3>画像周りの速度メモ</h3>
<p>キャッシュにのってたり、ネットワーク転送速度を無視できる画像の使い回しは data スキームより、http な URI のほうが 1.2倍( Firefox 3.0.7, Safari 3.2.1 )ほど速い。Opera はもうちょっと速い。String の読み込みと base64 のデコードが発生するからかな。base64 化してない data スキームは調べてない。</p>
<pre><code>// var data = 'data:image/gif;base64,R0lGODlhCwAKAMQVAPi+Sv3FVvjHZvi9R/i3OfjDWv7KYva8Rf/Oa/e5Pfi9SfvATPi7Qv3HWvvCUP7Naf3GWf/MafazK/i4NvfBVf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABUALAAAAAALAAoAAAUvYCWK1GiO0mlSSalWVOOS0yRBCCTVrmI8QIjjBIgYD6pFYBAonCYEQUWwMzGIohAAOw==';
var data = 'http://s.hatena.ne.jp/images/star.gif';

var container = document.getElementById('image-container');
var now = new Date*1;
for (var i = 0; i &#x3C; 10000; i++) {
  // var img = document.createElement('img');
  var img = new Image();
  img.src = data;
  container.appendChild(img);
}
document.title = (new Date*1) - now;
</code></pre>
<p>Firefox は画像を作って突っ込む処理が webkit/opera に比べてやたらと遅いよ。</p>
<h4>画像 Element を作って cloneNode(false) で使い回す</h4>
<pre><code>var img = new Image();
img.src = data;
for (var i = 0; i &#x3C; 10000; i++) {
  container.appendChild(img.cloneNode(false));
}
</code></pre>
<pre><code>for (var i = 0; i &#x3C; 10000; i++) {
  var img = new Image();
  img.src = data;
  container.appendChild(img);
}
</code></pre>
<p>cloneNode のほうが 1割ぐらい速い。safari 3.2.1 だと2割ぐらい速い。</p>
<h4>DocumentFragment を使う</h4>
<pre><code>var fragment = document.createDocumentFragment();
var img = new Image();
img.src = data;
for (var i = 0; i &#x3C; 10000; i++) {
  fragment.appendChild(img.cloneNode(false));
}
container.appendChild(fragment);
document.title = (new Date*1) - now;
</code></pre>
<p>Fx で 2.5割ぐらい速い。Safari だと 1割ぐらい速い。</p>
<h4>一時的に、画像が格納される要素を非表示にする</h4>
<p>style.display を弄る</p>
<pre><code>container.style.display = 'none';
container.appendChild(fragment);
container.style.display = 'block';
</code></pre>
<p>変化無し。タイミングによっては遅くなる。</p>
<p>parentNode から removeChild しておく</p>
<pre><code>var fragment = document.createDocumentFragment();
var img = new Image();
img.src = data;
for (var i = 0; i &#x3C; 10000; i++) {
  fragment.appendChild(img.cloneNode(false));
}
var parentRef = container.parentNode;
parentRef.removeChild(container);
container.appendChild(fragment);
parentRef.appendChild(container);
</code></pre>
<p>6 割ぐらい速くなった。しかし上記コードは、parentRef だけしか参照していないし、ノードの場所も記録してないので、使いやすくするため単純にこうすると遅くて使い物にならない。</p>
<pre><code>for (var i = 0; i &#x3C; 10000; i++) {
 var parentRef = container.parentNode;
 parentRef.removeChild(container);
 container.appendChild(img.cloneNode(false));
 parentRef.appendChild(container);
}
</code></pre>
<p>うーん。こ。</p>

今日の tablogMDCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCf:id:secondlife:20090316224902p:image画像周りの速度メモキャッシュにのってたり、ネットワーク転送速度を無視できる画像の使い回しは data スキームより、http な URI のほうが 1.2倍( Firefox 3.0.7, Safari 3.2.1 )ほど速い。Opera はもうちょっと速い。String の読み込みと base64 のデコードが発生するからかな。base64 化してない data スキームは調べてない。// var data = 'data:image/gif;base64,R0lGODlhCwAKAMQVAPi+Sv3FVvjHZvi9R/i3OfjDWv7KYva8Rf/Oa/e5Pfi9SfvATPi7Qv3HWvvCUP7Naf3GW

今日の tablogMDCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCf:id:secondlife:20090316224902p:image画像周りの速度メモキャッシュにのってたり、ネットワーク転送速度を無視できる画像の使い回しは data スキームより、http な URI のほうが 1.2倍( Firefox 3.0.7, Safari 3.2.1 )ほど速い。Opera はもうちょっと速い。String の読み込みと base64 のデコードが発生するからかな。base64 化してない data スキームは調べてない。// var data = 'data:image/gif;base64,R0lGODlhCwAKAMQVAPi+Sv3FVvjHZvi9R/i3OfjDWv7KYva8Rf/Oa/e5Pfi9SfvATPi7Qv3HWvvCUP7Naf3GWf/MafazK/i4NvfBVf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABUALAAAAAALAAoAAAUvYCWK1GiO0mlSSalWVOOS0yRBCCTVrmI8QIjjBIgYD6pFYBAonCYEQUWwMzGIohAAOw==';
var data = 'http://s.hatena.ne.jp/images/star.gif';

var container = document.getElementById('image-container');
var now = new Date*1;
for (var i = 0; i < 10000; i++) {
  // var img = document.createElement('img');
  var img = new Image();
  img.src = data;
  container.appendChild(img);
}
document.title = (new Date*1) - now;Firefox は画像を作って突っ込む処理が webkit/opera に比べてやたらと遅いよ。画像 Element を作って cloneNode(false) で使い回すvar img = new Image();
img.src = data;
for (var i = 0; i < 10000; i++) {
  container.appendChild(img.cloneNode(false));
}for (var i = 0; i < 10000; i++) {
  var img = new Image();
  img.src = data;
  container.appendChild(img);
}cloneNode のほうが 1割ぐらい速い。safari 3.2.1 だと2割ぐらい速い。DocumentFragment を使うvar fragment = document.createDocumentFragment();
var img = new Image();
img.src = data;
for (var i = 0; i < 10000; i++) {
  fragment.appendChild(img.cloneNode(false));
}
container.appendChild(fragment);
document.title = (new Date*1) - now;Fx で 2.5割ぐらい速い。Safari だと 1割ぐらい速い。一時的に、画像が格納される要素を非表示にするstyle.display を弄るcontainer.style.display = 'none';
container.appendChild(fragment);
container.style.display = 'block';変化無し。タイミングによっては遅くなる。parentNode から removeChild しておくvar fragment = document.createDocumentFragment();
var img = new Image();
img.src = data;
for (var i = 0; i < 10000; i++) {
  fragment.appendChild(img.cloneNode(false));
}
var parentRef = container.parentNode;
parentRef.removeChild(container);
container.appendChild(fragment);
parentRef.appendChild(container);6 割ぐらい速くなった。しかし上記コードは、parentRef だけしか参照していないし、ノードの場所も記録してないので、使いやすくするため単純にこうすると遅くて使い物にならない。for (var i = 0; i < 10000; i++) {
 var parentRef = container.parentNode;
 parentRef.removeChild(container);
 container.appendChild(img.cloneNode(false));
 parentRef.appendChild(container);
}うーん。こ。

A Day in the Life

neocomplcache

neocomplcache

書いている人

おたよりを送る