jQueryの利用と速度

mixiアプリに機能追加をしていて、せっかくjQueryを使っているので、jQueryらしく、htmlをStringで作って、.html()に設定する方式から、タグをappendを用いて作るようにした。

その結果、

実行速度が遅くなってしまった。
特にIEでは、如実に現れている。

そこで、「jQuery 高速化」で検索したら幾つか発見。
「10 Ways to Instantly Increase Your jQuery Performance」
を元にした幾つかの日本語のブログを参照。
http://gerenuk.crazyphoto.org/2009/06/24/854/
http://www.ideaxidea.com/archives/2009/06/how_to_speed_up_jquery.html

これを見ると、
# DOM操作はなるべく避ける
prepend()、append()、after()などは遅くなるからなるべく避けましょう、
かわりにhtml()を使った方が良い場合もありますよ。
なんてのがあり、これが原因かと思った・・・
早速、元に戻すようにするか。。。

あと、
「GoogleでホストされているjQueryを使う方法」も便利だなと思った。
このあたりを試してみようと思う。

mabushiisign

Twitter

B'zとdoaとミスチルと登山が好きな40代のプログラマです。 普段は、SIer企業で働いています。