最速インターフェース研究会

日本語テキストをテーブルで表示するJavaScriptの高速化

いやなブログ: 日本語テキストをテーブルで表示する
http://namazu.org/~satoru/blog/archives/000039.html

を高速化してみた。
http://la.ma.la/misc/js/tablefont.html

オリジナルは多分、あえてDOMでテーブルを作っていると思うのだけれど、innerHTMLを使って書き直してみた。IEで6倍ぐらい、Firefoxで4倍、Operaで3倍速い。

ちなみに手元の環境では
Opera8 : 30ミリ秒
Firefox : 100ミリ秒
IE : 360ミリ秒
ぐらいになった。

Operaは7までJavaScriptやDOM周りの操作が遅い遅いと言われていたのだけれど、Opera8になって何だか妙なチューニングが施されている。
今はOperaは何かと癖があって扱いづらいのだけど、ブラウザベースのリッチクライアントが普及してくるとJavaScriptの実行速度がブラウザのシェアに影響を与えたりするのかもしれない。

JavaScriptの高速化には色々とテクニックがあるので、そのうちチューニングガイドでも書こうかな、と思ってる。
DOMとinnerHTMLのパフォーマンスの違いについてはここら辺に詳しい。
http://www.quirksmode.org/dom/innerhtml.html

A quick preview will be rendered here when you click "Preview" button.