zanePerfor 一款完整，高性能，高可用的前端性能监控系统，不要错过

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统计

单页面性能详情列表

单个AJAX性能详情

用户轨迹跟着

省份实时流量统计

很是感谢你能看到此处，说明你也是一位热爱技术的伙伴，若是有任何疑问和技术解决方案，请联系我！