我是JavaScript開發的新手。我建立了一個巨大的JavaScript應用程序測試應用程序我使用chrome開發工具,我不知道分析。我拍了一張堆快照,快照上有32mb。javascript內存泄漏和profilling?
它是什麼(32mb)以及如何知道JavaScript中的內存泄漏?
如何使用分析來測量我的應用程序?
我是JavaScript開發的新手。我建立了一個巨大的JavaScript應用程序測試應用程序我使用chrome開發工具,我不知道分析。我拍了一張堆快照,快照上有32mb。javascript內存泄漏和profilling?
它是什麼(32mb)以及如何知道JavaScript中的內存泄漏?
如何使用分析來測量我的應用程序?
您可以按F12,您將在那裏獲得配置文件選項。如果您想檢查完成按鈕點擊操作所需的時間,只需選擇Collect Javascript CPU
配置文件並說出開始。然後點擊所需的按鈕,然後停止。您將在那裏獲得詳細的點擊分析。您可以稍後檢查可以減少操作所需的總時間。即優化它。您也可以在IE中使用開發人員工具來達到同樣的目的。
爲了優化,您可以避免不必要的循環,將元素存儲在變量中,然後使用代碼中經常需要的元素。等等。
您還可以查看鉻右下角的錯誤(如果有的話),並可以解決優化問題。
配置文件會爲您提供父函數和其他函數在父函數中分別調用的時間,這有助於獨立優化每個函數。
當您啓動和停止分析器以執行任何操作(如點擊按鈕)時,您將在Chrome配置文件中獲取該操作的總時間(以秒或毫秒爲單位)。如果時間多於該操作的用戶接受時間,則可以修改/優化您的JavaScript代碼。如果任何操作的用戶接受時間超過了這個時間,這意味着您的網站性能不佳,需要進行優化。用戶接受時間完全取決於操作類型
我想了解關於性能分析 – user1834809 2013-04-10 12:44:52
您想知道,Chrome瀏覽器如何訪問性能分析工具嗎? – PranitG 2013-04-10 12:48:37
如何分析測量性能? – user1834809 2013-04-10 12:50:48
DevTools能夠向您顯示看起來像泄漏的物體。 描述的最簡單和有用的技術here
在它的幫助下,人們組成gmail團隊成功地將其設置爲fix the leaks in gmail page。
您是否閱讀過devtools文檔? – Bergi 2013-04-10 12:47:45