如何測量單頁面應用程序中的客戶端性能

Question

我們基於Sencha Ext.JS框架開發了一個複雜的單頁面應用程序。 應用程序中有許多「頁面」動態更改而不刷新瀏覽器的URL。所有用戶的交互和內容更改都是動態創建和銷燬的。

我們現在想要測量客戶端的穩定性和性能。測試應該關注客戶端行爲和響應。我們不需要測試服務器端的響應時間 - 在測試過程中，這將是相同的響應時間。

我看到的所有存在的工具通常都會處理XHR響應時間，並且通常基於每個URL的加載時間，這與我們的情況無關 - 因爲同一個url正在繼續並沿着時間進行工作。

任何有關此類測試良好實踐和工具的建議？

Answer 1

如果您認爲AJAX監控和頁面加載時間不會對您有所幫助，那麼我可以建議您使用事務監控。它可以通過測量兩個狀態或兩個頁面之間的時間來完成。

在本地測試，使用console.time：

console.time('page_name'); 
    // Anything goes here 
    console.timeEnd('page_name'); 

使用performance.now

var start = window.performance.now(); 
... 
var end = window.performance.now(); 
var time = end - start; 

使用Atatus服務

如果你是羅請求服務，您可以嘗試https://www.atatus.com/，它可以幫助您實時測量交易。

在atatus，你可以交易或國家之間通過

atatus.beginTransaction("page_name"); 
... 
atatus.endTransaction("page_name"); 

Answer 2

您可以使用像Selenium這樣的工具來自動執行客戶端行爲並測量響應時間。