我的網站是非常標準的ecom網站,它不是一個JS支持的獨立應用程序或任何東西,它只是一個使用JS標準東西的網站,以及一些jQuery插件來做一些事情。JS執行時間
我已經使用Chrome開發工具來獲取一些CPU配置文件。
我的大部分功能都是低調操作,不超過200ms。
什麼是我應該瞄準的好基準?高200ms?
我的網站是非常標準的ecom網站,它不是一個JS支持的獨立應用程序或任何東西,它只是一個使用JS標準東西的網站,以及一些jQuery插件來做一些事情。JS執行時間
我已經使用Chrome開發工具來獲取一些CPU配置文件。
我的大部分功能都是低調操作,不超過200ms。
什麼是我應該瞄準的好基準?高200ms?
200ms並不算太差,但是您應該儘量保持您的JavaScript交互時間低於100ms。瀏覽器用戶界面只有一個用於更新這兩個用戶界面和執行JavaScript的線程(只能在一次發生)。所以你的JavaScript運行時間越長,用戶體驗就越差。
0.1秒是關於讓用戶感覺系統瞬間反應的限制,意味着除了顯示結果之外不需要任何特殊的反饋。
1.0秒即使用戶會注意到延遲,用戶的思維流程仍然保持不受限制的限制。通常,在延遲時間不超過0.1秒但小於1.0秒時,不需要特殊的反饋,但用戶確實喪失了直接對數據進行操作的感覺。
10秒是關於保持用戶注意力集中在對話上的限制。對於較長時間的延遲,用戶需要等待計算機完成時執行其他任務,因此應該給出反饋,指出計算機何時完成。如果響應時間可能高度變化,則延遲期間的反饋尤爲重要,因爲用戶將不知道該期待什麼。
-Jakob尼爾森
有幾種模式分手,需要做成塊,這樣你就不會得到可怕的「無響應腳本」錯誤的工作。比如使用定時器或者網絡工作者等,但是實現取決於你的代碼需要做什麼。您正在使用開發工具進行正確的跟蹤以瞭解正在發生的事情!
這個StackOverflow頁面在我的瀏覽器中呈現1.13秒。你還有一些額外的時間;) – VisioN
如果你在一個新的i7供電的臺式電腦上獲得200ms,嘗試在一個便宜的Android平板電腦或第一代iPad上瀏覽你的網站。或者你沒有針對移動用戶? –