JavaScript を多用する Web サイトを最適化する必要があります。私はそのサイトの作成者ではありません。JavaScript の仕組みを理解し、JavaScript に関連するいくつかのことを最適化する必要があるだけです。そのためには、特にページの読み込み中にどの JS コードが実行されるかを理解する必要があります。
JavaScript 関数の実行順序を表示する方法を探しています。私が扱っているサイトでは、約 40 の外部スクリプトと、あちこちに詰め込まれたおそらく 20 ~ 40 のインライン JS を使用しています。一番良いのは Firefox アドオンです。
各 JS ファイルに追加できることはわかってconsole.log("script name");
いますが、その量のコードでは、途方もなく実用的ではありません。Firebug にはプロファイラーが同梱されていることは知っていますが、関数がいつ実行されたかを確認することはできません。さらに、分析しようとしているサイトでクラッシュします。
関数の実行順序を知りたいだけです。このサイトは jQuery を多用しています。これらのスクリプトのほとんどすべてが jQuery です。