HI!，你好，我是zane，zanePerfor是一款最近我開發的一個前端效能監控平臺，現在支援web瀏覽器端和微信小程式段。

我定義為一款完整，高效能，高可用的前端效能監控系統，這是未來會達到的目的，現今的架構也基本支援了高可用，高效能的部署。實際上還不夠，在很多地方還有優化的空間，我會持續的優化和升級。

開源不易，如果你也熱愛技術，擁抱開源，希望能小小的支援給個star。

專案的github地址：

github.com/wangweiange…

專案開發文件說明：

blog.seosiwei.com/performance…

文件還在編輯中，需要一段時間，我會慢慢的完善，如果你感興趣就先收藏吧。

專案目的：

打造一款完整，高效能，高可用的前端效能監控系統，提升前端對於服務端技術的空白，體驗並解決高併發系統的開發和解決方案，我相信如果你是前端工程師，此專案對於你對後端的理解一定會有很大的提升。

專案探索已解決和還需要解決的某些問題：

• 單機部署服務穩定保障
• 高併發場景下的服務穩定和上報
• 叢集部署下的Task穩定性和合理性
• servers,db,redis高可用叢集方案
• 千萬上億級別資料量時的查詢優化方案
• 使用快取還是實時查詢展示的高可用切換方案
• 訊息佇列的優化和合理使用方案等
• 其他...

zanePerfor是什麼?

zanePerfor是一個服務於效能監控的業務平臺專案，目前實現了瀏覽器，微信小程式的相關基礎效能統計。

備註：zanePerfor目前還不完善，處於開發初期，我會長期的維護和升級

展望：zanePerfor的目標是解決中小應用的效能統計，支援通用的資料統計和定製化的統計開發，解決高併發下的應用高可用

效能：目前架構理論上來說可支援每日(百萬、千萬)級PV，未來會持續開發和優化

zanePerfor目前實現了哪些功能？

瀏覽器端(WEB)

• 頁面級的效能上報（多頁面 || 單頁面應用程式通用）
• 頁面AJAX效能上報
• 頁面所有載入資源效能上報（圖片,js,css）
• 頁面所有錯誤資訊上報（js,css,ajax）

微信小程式端

• path路徑對應的AJAX效能上報
• 小程式錯誤資訊上報（js,ajax,img）
• 使用者裝置資訊及其網路資訊上報

後端介面展示功能（web,小程式通用）

• 統計每分鐘應用的PV,UV,IP資訊，統計每天的PV,UV,IP,跳出率，使用者訪問平均深度
• 統計實時和每天的應用top最高訪問排行，跳出率最高排行
• 統計實時和每天的全國省份流量熱力圖
• 統計每個使用者每次訪問的行為軌跡

下面用圖來展示實現的大致功能

實時PV,UV,IP統計

單頁面效能詳情列表

單個AJAX效能詳情

使用者軌跡跟著

省份實時流量統計

非常感謝你能看到此處，說明你也是一位熱愛技術的夥伴，如果有任何疑問和技術解決方案，請聯絡我！