動作が重いJavaScriptを改善したい

質問

今、同僚が、某ＣＭＳのカスタマイズをしていて、自分はそれを使ってデータ入力しています。
なお、データ入力の際に使っているのはＩＥ８です。
（大人の事情で、バージョンアップやブラウザ変更はできません）

で、１ページを作るのに、「段落（<p>」を加えたり「画像ファイルをアップ」したり、
Ｈｎ見出しをつけたり、その他いろんなブロック要素を加えたり、といったデータ入力の処理を
JavaScriptで行っており「確定ボタン」を押すと、リクエストするＵＲＬが代わり、
入力していたデータがはじめてＤＢに反映されるというしくみになっています。
DBはオラクル（バージョン不明）です。
自分は詳しくないですが、どこかのタイミングでXMLも関連しているそうです。

で、そのおかげで、JavaScriptが重くて（遅くて）データ入力時に、
どっかのボタンを押してもしばらくブラウザが無反応という状態で、
非常にデータ入力の効率が悪いです。

そのカスタマイズしている人は「JavaScriptのキャッシュのせいで重くなってるのかなあ？」と言っています。

これを改善する方法はないでしょうか？
あれば、その方法を同僚におしえます。

ただし、あまりその同僚もＣＭＳのカスタマイズに時間をとれないので、
時間の大幅に食うような大規模な改造はできません。

対処療法的な改善で、これを改善する方法はないでしょうか？
（ちなみに、私自身のＪＳの知識は５年ほど前で止まっており、JQueryやprototype.jsの知識はありません）
ただ、カスタマイズでおそらくJQueryを使っています。

自分が思ったのは、Ajaxで定期的に自動保存して（ただ現状DBへのアクセスはJSを使っていないので難しいかも）、
JSのキャッシュ（←具体的に何をさしてるのか自分でも分かりませんが・・・）を破棄すればいいのではと思ったのですが、
それをやろうとすると工数がかかるでしょうか？

でも、不要なキャッシュ（メモリ？）のクリアならできるのでしょうか？

//-----------------------------------------------------------

また、JSのコードは理屈上同じでも、JSの動作を圧縮する（？）ような手段があった気がするのですが、
忘れてしまいました。ご存知でしたら、お教えください。

以上、よろしくお願い申し上げます。

回答No.2

Gotthold · ベストアンサー

> これを使ってカスタマイズするといのは、工数が結構かかるものなんでしょうか？
完全にケースバイケース。基本は地道にやるしかない。
（特効薬的な物があるのかどうかだってケースバイケースなんだから。）

ただ、プログラムの中身をよく知っている人がやった方が早いとは思います。
プロファイラは遅い関数を教えてくれるかもしれないけど、
どう直せばいいかまでは教えてくれませんから。

JavaScriptの一般的な性能向上について知りたいなら
「ハイパフォーマンスJavaScript」という本でも読んでみてはどうかと思います。
特定のプログラム固有の問題について直接の解決策を示してくれるようなものでは無いですが、
まあ知っていて損はないことは書いてあるかと。

> 感覚的でかまわないので工数はどのくらいかかりますか？
私はそちらのプログラムの規模さえ知りません。

> また、何％くらい動作が軽くなりますか？（JSの中身次第だとは思いますが）
ケースバイケース。
アルゴリズムの選定間違えてたとか酷いミスがあったら桁違いに早くできることもあるし、
（言い換えると桁違いに遅くなるような物書く人がいるって事なんだけど・・・）
既に改善の余地がほとんど無ければ数%しか早くならなかったり。

> あと個人的な興味なのですが、この「JSのプロファイラ」というのは世間的によく使われているのでしょうか？
JavaScriptというか、プログラミングやってて性能改善しようとしてるなら普通は使うものじゃない？

> おすすめの、JST用プロファイラというのはどれでしょうか？
普段はFirefoxでFirebug付属のプロファイラ使ってます。
IEだったら、最近のIEなら標準で開発者ツールにプロファイラ付いてるはず。

回答No.1

Gotthold

まずはプロファイラを使ってどこに時間がかかっているのか調べましょう。
勘で「ここが遅いはず」じゃそれが正しいかどうかさえ分かりません。

遅い場所を見つけたら地道に改善してください。

> また、JSのコードは理屈上同じでも、JSの動作を圧縮する
ファイルサイズが小さくなるだけで、動作が軽くなるのとは違います。
ロード時間が短くなるなどメリットはあるのでできるならやった方が良いですが。

> ご存知でしたら、お教えください。
Googleで「JavaScript 圧縮」で検索したら出てきました。

補足

ご回答ありがとうございます。、

で、プロファイラというのをはじめて知ったので、
Googleで
「("プロファイラ" OR "profiler" ) javascript ("internet explorer" OR IE OR "インターネットエクスプローラ")」
で検索したのですが（CMSはIE８にしか対応してないため）
※ ↓検索結果↓
https://www.google.co.jp/#sclient=psy-ab&hl=ja&source=hp&q=%28%22%E3%83%97%E3%83%AD%E3%83%95%E3%82%A1%E3%82%A4%E3%83%A9%22+OR+%22profiler%22+%29+javascript+%28%22internet+explorer%22+OR+IE+OR+%22%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%97%E3%83%AD%E3%83%BC%E3%83%A9%22%29&oq=%28%22%E3%83%97%E3%83%AD%E3%83%95%E3%82%A1%E3%82%A4%E3%83%A9%22+OR+%22profiler%22+%29+javascript+%28%22internet+explorer%22+OR+IE+OR+%22%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%97%E3%83%AD%E3%83%BC%E3%83%A9%22%29&aq=f&aqi=&aql=&gs_sm=3&gs_upl=10854l85850l1l86846l54l54l8l0l0l0l108l2972l45.1l46l0&gs_l=serp.3...10854l85850l1l86847l54l54l8l0l0l0l108l2972l45j1l46l0&psj=1&bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&fp=c45acc9488e32671&biw=1467&bih=556

これを使ってカスタマイズするといのは、工数が結構かかるものなんでしょうか？

※CMSカスタマイズのために同僚が書いているJSについて、
自分は中身をよく見てない（というか見てもわからない）ので、客観的に
「工数がこのくらい」とはいえませんが、
感覚的でかまわないので工数はどのくらいかかりますか？
また、何％くらい動作が軽くなりますか？（JSの中身次第だとは思いますが）

//-----------------------------------------------------------
あと個人的な興味なのですが、この「JSのプロファイラ」というのは世間的によく使われているのでしょうか？

//-----------------------------------------------------------
まあ、同僚に「JSのプロファイラ使ってみては？」と言ってみればすむはなしかもしれないですが、同僚も「プロファイラ」に詳しくないかも。
おすすめの、JST用プロファイラというのはどれでしょうか？

//-----------------------------------------------------------
以上、私自身の個人的関心もあって、質問攻めにしてしまいましたが、
部分的でもかまわないので、さらなるご回答をいただけたら幸いです。

以上、よろしくお願い申し上げます。