12

HI!,你好,我是zane,zanePerfor是一款最近我开发的一个前端性能监控平台,现在支持web浏览器端和微信小程序段。

我定义为一款完整,高性能,高可用的前端性能监控系统,这是未来会达到的目的,现今的架构也基本支持了高可用,高性能的部署。实际上还不够,在很多地方还有优化的空间,我会持续的优化和升级。

开源不易,如果你也热爱技术,拥抱开源,希望能小小的支持给个star。

项目的github地址:
https://link.juejin.im/?targe...

项目开发文档说明:
https://blog.seosiwei.com/per...

项目目的:

打造一款完整,高性能,高可用的前端性能监控系统,提升前端对于服务端技术的空白,体验并解决高并发系统的开发和解决方案,我相信如果你是前端工程师,此项目对于你对后端的理解一定会有很大的提升。

项目探索已解决和还需要解决的某些问题:

  • 单机部署服务稳定保障
  • 高并发场景下的服务稳定和上报
  • 集群部署下的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最高访问排行,跳出率最高排行
  • 统计实时和每天的全国省份流量热力图
  • 统计每个用户每次访问的行为轨迹

下面用图来展示实现的大致功能

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

非常感谢你能看到此处,说明你也是一位热爱技术的伙伴,如果有任何疑问和技术解决方案,请联系我!


wangweianger
106 声望6 粉丝