1. 前端採集器的作用
前端數據採集器 是一種具有現場實時數據採集,處理功能的自動化設備.具備實時採集,自動存儲,即時顯示,自動處理,自動傳輸功能.為現場數據的真實性,有效性,實時性提供了保證.
2. 如何採集 前端性能監控中的 networktype
1)performance
設置好插件中全局的performance對象,以及方法now,獲取當前時間戳。
2)Document.readyState
上圖中的「domComplete」、「domInteractive」和「domLoading」,就是Document。readyState的3種狀態loading, interactive或complete發生的時間。
3)getTimes()
在這個方法中計算各個參數之間的值。
在網上參考了很多資料,再結合了一點自己的理解,有些參數的理解可能有誤,具體的計算方式可以查看源碼「primus.js」。
1. firstPaint:白屏時間,也就是開始解析DOM耗時,用戶在沒有滾動時候看到的內容渲染完成並且可以交互的時間
2. loadTime:載入總時間,這幾乎代表了用戶等待頁面可用的時間
3. unloadEventTime:Unload事件耗時
4. loadEventTime:執行 onload 回調函數的時間
5. domReadyTime:用戶可操作時間
6. firstScreen:首屏時間,用戶在沒有滾動時候看到的內容渲染完成並且可以交互的時間,記錄載入時間最長的圖片
7. parseDomTime:解析 DOM 樹結構的時間,期間要載入內嵌資源