4

フロントエンドを完全に分析しようとしていますが、Javascript を自動的に測定できるツールがあるかどうか知りたいです。

例えば：

  • 関数の実行 (これを記録する前/後に日付オブジェクトを手動で配置する必要はありません)
  • 私のページで最も遅いスクリプトとその理由
  • 最適化が必要な関数を見つける
  • 私ができる jQuery の改善点はありますか (John Resig によるもの以外jquery-profile.js)
    • 私が使用できるより良いセレクター
    • 特定のオブジェクトのメモ化
    • より優れた機能の使用 (例: find の方が高速であるため、find を使用する)

Firebug、Chrome Dev Tools、Yslow/Page speed プラグインなど以外に、JS 用のプロファイラー (および jQuery のプロファイリングも行うもの) を探しています。JSlint またはjsPerf.

アプリで New Relic を実行していますが、スクリプトが不足している場所がわかりません。

手動で行うよりも簡単に JS をプロファイリングする方法があることを願っていました。完全な分析を行い、メトリックを含むレポートを提供するドロップイン ソリューションが必要です。

4

5 に答える 5

3

私はあなたがこのようなものを探していると思います:

https://developers.google.com/web-toolkit/speedtracer/

ドキュメントの紹介からこれまで：

Speed Tracer を使用すると、アプリケーションのどこで時間が費やされているかをより正確に把握できます。これには、JavaScript の解析と実行、レイアウト、CSS スタイルの再計算とセレクターの一致、DOM イベント処理、ネットワーク リソースの読み込み、タイマー起動、XMLHttpRequest コールバック、ペイントなどによって引き起こされる問題が含まれます。

于 2013-01-04T09:19:24.937 に答える
2

最近これに出会いました。JavaScript コードのパフォーマンスを測定するのに役立つはずです - http://www.html5rocks.com/en/tutorials/webperformance/usertiming/

于 2014-08-27T03:01:02.187 に答える
-1

そうしないと、シニア開発者を雇ってそのような問題を特定する意味がありません:)あなたができることは、Chrome開発ツールを使用し、CPUプロファイラーとタイムラインツールでページを手動でチェックして、何が実行されているかを確認することです遅いか、何がメモリリークを引き起こしているか。

幸運を

于 2013-01-04T09:14:56.073 に答える