zanePerfor 一款完整,高性能,高可用的前端性能監控系統,不要錯過

HI!,你好,我是zane,zanePerfor是一款最近我開發的一個前端性能監控平臺,如今支持web瀏覽器端和微信小程序段。css

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

開源不易,若是你也熱愛技術,擁抱開源,但願能小小的支持給個star。前端

項目的github地址:

github.com/wangweiange…
git

項目開發文檔說明:

blog.seosiwei.com/performance…
github

文檔還在編輯中,須要一段時間,我會慢慢的完善,若是你感興趣就先收藏吧。web

項目目的:

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

項目探索已解決和還須要解決的某些問題:

  • 單機部署服務穩定保障
  • 高併發場景下的服務穩定和上報
  • 集羣部署下的Task穩定性和合理性
  • servers,db,redis高可用集羣方案
  • 千萬上億級別數據量時的查詢優化方案
  • 使用緩存仍是實時查詢展現的高可用切換方案
  • 消息隊列的優化和合理使用方案等
  • 其餘...

zanePerfor是什麼?

zanePerfor是一個服務於性能監控的業務平臺項目,目前實現了瀏覽器,微信小程序的相關基礎性能統計。redis

備註: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性能詳情

用戶軌跡跟着

省份實時流量統計


很是感謝你能看到此處,說明你也是一位熱愛技術的夥伴,若是有任何疑問和技術解決方案,請聯繫我!

相關文章
相關標籤/搜索