簡體   English   中英

如何衡量客戶端計算機上javascript網頁的性能?

[英]How can I measure the performance of a javascript heavy webpage on a client computer?

如何測量我的jQuery(或JS)重型網頁是否拖動/影響客戶端計算機(和觸摸設備)的CPU性能? 我不是在詢問加載時間/等,因為它們取決於JS文件的數量。 我問的是客戶端資源消耗和相關的穩定性問題(如果有的話)。

具體來說:我嵌入了一個jQuery旋轉函數來永久地為圖像設置動畫,並在wordpress模板中嵌入了一些其他基於jquery的動畫對象。

您可以使用Google Chrome等網絡瀏覽器附帶的webkit profiler(個人資料,審核標簽)。 頁面速度和速度跟蹤器等擴展也非常棒。 您可以了解整個瀏覽器過程,例如在UI線程中花費多少時間,執行javascript等。

這是一個很好的問題。

您可以嘗試使用Eric的工具來報告瀏覽器的幀速率。

http://churchm.ag/monitor-javascript-performance/

我不確定這是否是您想要在開發期間測試的內容,或者監視器是否有來自真實客戶的反饋。 有可能運行上面的Javascript有一個后台的東西,然后將AJAX消息發送回服務器,以報告訪問者的性能。

我發現的另一個腳本試圖測量CPU性能,但我不知道它有多好。

http://blog.pothoven.net/2007/12/performance-based-web-app-functionality.html

我不建議在生產服務器上使用它,但Firebug具有Javascript性能分析工具。 http://getfirebug.com/javascript

您可以使用Google Chrome網絡檢查器,特別是“個人資料”面板。 這里有一些關於它的更多信息......

http://jtaby.com/2012/04/23/modern-web-development-part-1.html#The%20Profiles%20Panel%20

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM