衡量Javascript性能

Question

我正在嘗試對我們的前端進行全面分析，我想知道是否有任何工具可以自動測量Javascript。

例如：

• 執行函數（無需我在記錄之前/之后手動輸入日期對象）
• 我頁面上的哪個腳本最慢，為什么
• 找出我需要優化的功能
• 我可以做任何jQuery改進（除了通過John Resig的jquery-profile.js ）
  • 我可以使用更好的選擇器
  • 對某些對象進行記憶
  • 使用更好的功能（例如：使用find因為它更快）

我非常想為我的JS尋找一個分析器（以及一些同樣適用於jQuery的東西），除了Firebug，Chrome開發工具，Yslow / Page speed插件等等。我正在尋找比JSlint更好的東西或者jsPerf。

我在我的應用程序上運行New Relic，但它沒有告訴我我的腳本缺少的位置。

我希望有一種更簡單的方式來分析我的JS而不是手動操作。 我需要一個完整分析的解決方案，並給我一個指標報告。

Answer 1

我想你正在尋找這樣的東西：

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

從doc intro到this：

使用Speed Tracer，您可以更好地了解應用程序的時間花費。 這包括由JavaScript解析和執行，布局，CSS樣式重新計算和選擇器匹配，DOM事件處理，網絡資源加載，計時器觸發，XMLHttpRequest回調，繪制等引起的問題。

Answer 2

我最近遇到過這個，應該有助於衡量你的javascript代碼性能 - http://www.html5rocks.com/en/tutorials/webperformance/usertiming/

Answer 3

你也可以通過Yahoo Boomrang檢查一個javascript庫。它是一個很棒的工具，用於捕獲信標服務器上的用戶體驗並對其進行分類/分析。

Answer 4

這是我創建的工具：http： //yellowlab.tools

它加載一個帶有PhantomJS的頁面，並在頁面加載時分析很多東西。 啟動測試，然后單擊“JS Timeline”選項卡。 您將找到與DOM交互的每個JS函數的日志，包括jQuery函數。

我用它來為我的客戶審核JS代碼，當你需要解開一些意大利面條代碼或了解一些縮小的第三方小部件時，它是最好的現有工具！

Answer 5

我真的懷疑你是否可以自動執行此操作，否則聘請資深開發人員來識別此類問題是沒有意義的:)你可以做的是使用Chrome開發工具並使用CPU分析器和時間線工具手動檢查你的頁面，看看是什么在運行慢或什么造成內存泄漏。

祝好運