Javascript：計算傳輸的總字節數和呈現頁面的總請求數？

我想跟蹤傳輸的總字節數和總請求數，以在javascript中呈現頁面。我想從真正的用戶那裏收集這些數據，以便將其用於性能監控和報告，因此YSlow或Chrome的開發工具等工具不適用於此應用程序。Javascript：計算傳輸的總字節數和呈現頁面的總請求數？

有沒有一種「已知好」的方式來收集這些數據在JavaScript？我意識到可能存在限制（例如，有關由不同域上的iframe傳輸的數據的任何信息將是不透明的）;我可以忍受這一點。

來源

2016-01-06 Moishe Lettvin

您已經看過[YSlow]（http://yslow.org/）之類的東西嗎？ – Pointy

請求的確切數量似乎是一個棘手的問題。您至少可以使用Navigation Timing API來確定DOMLoaded，Loaded時序，儘管請求的數量仍然有待挖掘。當然，在一個孤立的環境中，您可以使用瀏覽器的F12 Developer Tools進行測試。（這不會讓你衡量隨機用戶Bob Smith的性能） – Katana314

幾個內置的瀏覽器開發工具具有性能工具，包括最新版本的IE，Firefox Dev Edition（不知道其他版本）和Chrome 。所提到的YSlow也可以作爲插件使用，但即使沒有，也有相當多的插件。至少Chrome的網絡標籤在底部有一個彙總請求和字節傳輸，以及在面板主體中的請求細分。如果您需要剖析JavaScript，那麼我很喜歡IE11的工具，儘管Chrome/FF也可以。 – Mic

您正在尋找這是爲了做的正是你所感興趣的東西瀏覽器的Performance API。
具體來說，您將能夠獲取每個獲取資源的PerformanceResourceTiming對象，其中還包括number of transferred bytes。

來源

2016-01-18 04:42:36 Bergi

如果你想跟蹤沒有Ajax請求的，你可以使用ajaxStart，但對於其他請求圖像等沒有在JavaScript中沒有適當的API，你可以使用瀏覽器擴展來檢測它，但它是困難的Web應用程序

谷歌正在開發辛烷和提供一些其他性能的工具，但它不會檢測到無請求

來源

2016-01-06 22:34:06

Javascript：計算傳輸的總字節數和呈現頁面的總請求數？

回答

相關問題