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

NO IMAGE

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統計

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

單頁面性能詳情列表

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

單個AJAX性能詳情

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

用戶軌跡跟著

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

省份實時流量統計

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

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

相關文章

前端知識梳理(一)

爬蟲管理平臺Crawlab專業版v0.1.0正式發佈

收穫人生第一個5kStar開源項目,經驗教訓分享給大家

爬蟲管理平臺Crawlab新功能介紹用Git做CI/CD