HI!,你好,我是zane,zanePerfor是一款最近我開發的一個前端性能監控平臺,如今支持web瀏覽器端和微信小程序段。css
我定義爲一款完整,高性能,高可用的前端性能監控系統,這是將來會達到的目的,現今的架構也基本支持了高可用,高性能的部署。實際上還不夠,在不少地方還有優化的空間,我會持續的優化和升級。html
開源不易,若是你也熱愛技術,擁抱開源,但願能小小的支持給個star。前端
項目的github地址:
https://link.juejin.im/?targe...git
項目開發文檔說明:
https://blog.seosiwei.com/per...github
項目目的:
打造一款完整,高性能,高可用的前端性能監控系統,提高前端對於服務端技術的空白,體驗並解決高併發系統的開發和解決方案,我相信若是你是前端工程師,此項目對於你對後端的理解必定會有很大的提高。web
項目探索已解決和還須要解決的某些問題:
- 單機部署服務穩定保障
- 高併發場景下的服務穩定和上報
- 集羣部署下的Task穩定性和合理性
- servers,db,redis高可用集羣方案
- 千萬上億級別數據量時的查詢優化方案
- 使用緩存仍是實時查詢展現的高可用切換方案
- 消息隊列的優化和合理使用方案等
- 其餘...
zanePerfor是什麼?
zanePerfor是一個服務於性能監控的業務平臺項目,目前實現了瀏覽器,微信小程序的相關基礎性能統計。ajax
- 備註:zanePerfor目前還不完善,處於開發初期,我會長期的維護和升級
- 展望:zanePerfor的目標是解決中小應用的性能統計,支持通用的數據統計和定製化的統計開發,解決高併發下的應用高可用
- 性能:目前架構理論上來講可支持每日(百萬、千萬)級PV,將來會持續開發和優化
zanePerfor目前實現了哪些功能?
瀏覽器端(WEB)redis
- 頁面級的性能上報(多頁面 || 單頁面應用程序通用)
- 頁面AJAX性能上報
- 頁面全部加載資源性能上報(圖片,js,css)
- 頁面全部錯誤信息上報(js,css,ajax)
微信小程序端小程序
- path路徑對應的AJAX性能上報
- 小程序錯誤信息上報(js,ajax,img)
- 用戶設備信息及其網絡信息上報
後端界面展現功能(web,小程序通用)後端
- 統計每分鐘應用的PV,UV,IP信息,統計天天的PV,UV,IP,跳出率,用戶訪問平均深度
- 統計實時和天天的應用top最高訪問排行,跳出率最高排行
- 統計實時和天天的全國省份流量熱力圖
- 統計每一個用戶每次訪問的行爲軌跡
下面用圖來展現實現的大體功能
很是感謝你能看到此處,說明你也是一位熱愛技術的夥伴,若是有任何疑問和技術解決方案,請聯繫我!