前端監控之白屏異常

2022-09-05 06:57:13 字數 452 閱讀 7073

一、意義:

這裡和測速的白屏不同,測速的白屏是指:導航頁面開始到ttfb之間的時間稱之為白屏時間。白屏異常是指:使用者看到的一直是白屏,頁面沒有任何內容。比如渲染函式報錯、vue或react路由頁面沒有內容、網頁載入很慢很慢以至規定的時間範圍內一直沒內容。

監控白屏異常能發現一些遺漏的bug並及時修復。

二、捕獲方法:if (!monitorwhitescreennode)

if (monitorwhitescreennode) );

}} catch (err)

}, 2000);

}三、上報引數:

當資源載入異常時,上報以下資訊:

1、path: string // 頁面url

2、detail?: string, // 關鍵節點內容

前端異常監控

前端監控包括 行為監控 異常監控 效能監控,這裡主要討論異常監控。對於前端而言,和後端處於同乙個監控系統中,前端有自己的監控方案,後端也有自己的監控方案,但兩者並不分離,因為乙個使用者在操作應用的過程中如果出現異常,有可能是前端引起,也有可能是後端引起,需要有乙個機制,將前後端串聯起來,使監控本身統...

前端異常監控實踐

前端異常監控系統的開發其實並不複雜,開源實現方案也頗多,技術實現成本並不難,痛點有但是並不是都不能解決,根據我們的情況總結了一下 捕獲使用者的操作路徑,根據操作路徑我們去還原使用者的使用場景,來幫助我們快速定位問題的所在。操作路徑分為以下幾個點 當然這塊整體的資料我們會基於cookie和locals...

前端效能優化之白屏時間

該篇文章會為您分享在前端效能優化中非常重要的一環 白屏時間,將從白屏時間的概念 重要性以及白屏的過程一一進行闡述,同時提供效能優化的策略與實踐。白屏時間的長短將直接影響使用者對該 的第一印象。當使用者點開乙個鏈結或者是直接在瀏覽器中輸入url開始進行訪問時,就開始等待頁面的展示。頁面渲染的時間越短,...