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

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最高訪問排行,跳出率最高排行
  • 統計實時和天天的全國省份流量熱力圖
  • 統計每一個用戶每次訪問的行爲軌跡

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

b3d2738f-9977-476f-8cec-7aa8b5f37558.png
e8a94332-5d66-4592-a85f-740dee135e7c.png
d7571b3d-ba93-42d3-909c-8604d781f3a6.png
8b8a93bf-9905-4b52-b1fd-3881e4d7aa8a.png
75dee98e-da32-4f7a-80ff-d212410b3e7f.png

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

相關文章
相關標籤/搜索