読者です 読者をやめる 読者になる 読者になる

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を使う方法」も便利だなと思った。
このあたりを試してみようと思う。

 

広告を非表示にする