0

JavaScript を多用する Web サイトを最適化する必要があります。私はそのサイトの作成者ではありません。JavaScript の仕組みを理解し、JavaScript に関連するいくつかのことを最適化する必要があるだけです。そのためには、特にページの読み込み中にどの JS コードが実行されるかを理解する必要があります。

JavaScript 関数の実行順序を表示する方法を探しています。私が扱っているサイトでは、約 40 の外部スクリプトと、あちこちに詰め込まれたおそらく 20 ~ 40 のインライン JS を使用しています。一番良いのは Firefox アドオンです。

各 JS ファイルに追加できることはわかってconsole.log("script name");いますが、その量のコードでは、途方もなく実用的ではありません。Firebug にはプロファイラーが同梱されていることは知っていますが、関数がいつ実行されたかを確認することはできません。さらに、分析しようとしているサイトでクラッシュします。

関数の実行順序を知りたいだけです。このサイトは jQuery を多用しています。これらのスクリプトのほとんどすべてが jQuery です。

4

1 に答える 1

1

以前のコメントのように、Chrome を使用してみてください。開発者ツールを使用して JS をプロファイリングするのに役立つ便利なリンクがいくつかあります:-

https://developers.google.com/chrome-developer-tools/docs/cpu-profiling http://coding.smashingmagazine.com/2012/06/12/javascript-profiling-chrome-developer-tools/ https:/ /developers.google.com/chrome-developer-tools/docs/timeline

タイムライン プロファイルに関する Addy Osmani の素晴らしい投稿:-

https://developers.google.com/chrome-developer-tools/docs/timeline

これらがお役に立てば幸いです。

マット

于 2013-08-28T11:20:22.007 に答える