前端出現異常報錯的時候，有前端幫后臺背鍋之前怎么快速優雅的"甩鍋"？在做前端程序員的時候，我之前所在的公司后臺可是有著完善的監控系統，他們都覺得自己的代碼和監控都做得非常完善，但是前端的我做了監控結果后來看，事實并非如此。當然，你也許會說這是開發和測試不專業，這么明顯的問題都沒有發現，但是，我只能用一句話來解釋：人非圣賢。與其追究是誰的責任，不如想辦法解決問題。將線上的損失減少到較低的影響。如果作為前端你對項目做了監控，并且能實時監控到，出現問題的時候把報錯截圖發給后臺小伙伴，你還需要跟他們爭論是誰的鍋嗎？當然，如果是前端程序員自己的鍋，那還是趕緊偷偷修改掉吧，在建立webfunny前端監控時，我也是充分考慮到前端接口這個報錯問題點充分做了細致設計。webfunny前端監控系統的功能：性能分析模塊，通過探針可對頁面的加載性能進行分析，并直觀反映在報表上。常見的前端監控和前端錯誤監控方案
說到前端監控到異常報警，絕大多數的監控平臺都提供規則報警的能力。然而規則報警比較大的問題在于隨著業務的不斷發展，原本配置的規則將會出現閾值過低或過高的問題。若閾值配置過低，則會產生大量的誤報警，繼而引起整個監控能力的報警疲勞。為了解決規則報警的問題，監控平臺可以引入一些簡單的數學模型來解決時序數據的異常識別工作。以常見的高斯分布（正態分布）為例，利用3-sigma原則可以快速判斷某一時刻的報錯數是否滿足概率分布，繼而可以產生報警。
常見的前端監控和js性能監控產品webfunny前端監控系統的錯誤分析功能，通過探針監控和上報線上環境的報錯，以及一些自定義異常。
二、前端數據分類：2.4 異常相關的數據這里的異常是指 JS 的異常，用戶的瀏覽器上報 JS 的 bug，這會極大地降低用戶體驗異常的提示信息：這是識別一個異常的重要依據，如：為空或不是對象JS 文件名異常所在行發生異常的瀏覽器堆棧信息：必要的時候需要函數調用的堆棧信息，但是注意堆棧信息可能會比較大，需要截取2.5 其它數據除了上面提到的 4 類基本的數據統計需求，我們當然還可以根據實際情況來定義一些其他的統計需求，如用戶瀏覽器對 canvas 的支持程度， 再比如比較特殊的-用戶進行輪播圖翻頁的次數，這些數據統計需求都是前端能夠滿足的，每一項統計的結果都體現了前端數據的價值
這是搭建前端監控系統的第二章，主要是介紹如何統計js報錯，跟著webfunny前端監控項目的開發者一步步操作，你也能搭建出一個屬于自己的前端監控系統。前端程序員可以移步線上：webfunny前端監控系統，對于前端應用來說，Js錯誤的發生直接影響前端應用的質量。對前端異常的監控是整個前端監控系統中的一個重要環節。前端異常包含很多種情況：編譯時異常（開發階段就能排除）運行時異常；3.加載靜態資源異常（路徑寫錯、資源服務器異常、CDN異常、跨域）4.接口請求異常等。這一篇我們只介紹Js運行時異常。webfunny前端一體化埋點系統，支持多場景搭建分析，更全的支持業務的多角度分析。
三、性能指標FP(FirstPaint)：繪制時間，包括了任何用戶自定義的背景繪制，它是首先將像素繪制到屏幕的時刻。FCP(FirstContentPaint)：內容繪制。瀏覽器將個DOM渲染到屏幕的時間，可能是文本、圖像、SVG等。這其實就是白屏時間FMP(FirstMeaningfulPaint)：有意義繪制。頁面有意義的內容渲染的時間LCP(LargestContentfulPaint)。比較大內容渲染。在viewport中比較大的頁面元素加載的時間。DCL(DomContentLoaded)：DOM加載完成。當HTML文檔被完全加載和解析完成之后，DOMContentLoaded事件被觸發。無需等待樣式表，圖像和子框架的完成加載。L(onload)：當依賴的資源全部加載完畢之后才會觸發。TTI(TimetoInteractive)：可交互時間。用于標記應用已進行視覺渲染并能可靠響應用戶輸入的時間點。FID(FirstInputDelay)：輸入延遲。用戶和頁面交互(單擊鏈接、點擊按鈕等)到頁面響應交互的時間。webfunny前端監控系統通過探針實現用戶細查。 支持使用多種檢索條件進行搜索，提高查找效率。好用的前端監控和前端行為分析產品
webfunny埋點系統，更輕量、易使用，降低數 據分析使用門檻，快速實現業務分析需求。常見的前端監控和前端錯誤監控方案
為什么要監控頁面性能？一個頁面性能差的話會影響用戶體驗。用戶打開頁面等待的太久，可能會直接關掉頁面，甚至就不再使用了，這種情況在移動端更加明顯，移動端用戶對頁面響應延遲容忍度很低。雖然頁面性能很重要，但是在實際使用中，頁面性能差的情況并不少見。首先，在產品的迭代演進過程中，頁面性能可能會被忽略，性能隨著版本迭代而有所衰減；其次，性能優化是一項復雜而挑戰的事情，需要明確的優化方向和具體的優化手段才能快速落地取效。所以我們需要一個性能監控系統，持續監控和預警頁面性能的狀況，并且在發現瓶頸的時候指導優化工作。常見的前端監控和前端錯誤監控方案
上海觀縱科技有限公司位于上海市奉賢區望園南路1288弄80號1904、1909室，擁有一支專業的技術團隊。致力于創造***的產品與服務，以誠信、敬業、進取為宗旨，以建webfunny,walkingfunny,argus產品為目標，努力打造成為同行業中具有影響力的企業。公司不僅*提供專業的一般項目:技術服務、技術開發、技術咨詢、技術交流、技術轉讓、技術推廣;軟件開發;人工智能基礎軟件開發;人工智能應用軟件開發;數據處理服務;信息技術咨詢服務;信息系統集成服務:信息系統運行維護服務;計算機系統服務;軟件銷售;計算機軟硬件及輔助設備批發;計算機軟硬件及輔助設備零售;電子產品銷售;通信設備銷售;通訊設備銷售;咨詢策劃服務;市場調查(不含涉外調查);廣告制作;廣告發布;廣告設計、代理;會議及展覽服務;貨物進出口。(除依法須經批準的項目外，憑營業執照依法自主開展經營活動) 許可項目:建筑智能化系統設計;建設工程施工;網絡文化經營;互聯網信息服務。(依法須經批準的項目，經相關部門批準后方可開展經營活動，具體經營項目以相關部門批準文件或許可證件為準)，同時還建立了完善的售后服務體系，為客戶提供良好的產品和服務。誠實、守信是對企業的經營要求，也是我們做人的基本準則。公司致力于打造***的webfunny前端監控，webfunny前端埋點，全鏈路應用性能監控，Argus-IT運維監控。