EzMonitor 前端监控平台
🌟 核心价值
- 一站式前端监控解决方案,覆盖性能、异常、行为全链路监控
- 开箱即用的轻量级SDK,接入成本低
- 面向开发者友好的可视化分析平台
🛠 核心功能
性能监控
- ⏱️ 关键指标监控:FP/FCP/LCP/FID/CLS等Web Vitals指标
- 📊 资源加载分析:DNS/TCP/TTFB等详细时序数据
- 🌐 API监控:AJAX/Fetch请求全链路追踪
错误监控
- 🐞 JavaScript错误:运行时错误、语法错误捕获
- ⚠️ 资源错误:脚本、图片等加载失败监控
- 🔄 Promise异常:未捕获的Promise rejection
- ⚪ 智能白屏检测:基于DOM变化的自动检测算法
用户行为
- 👥 访问统计:PV/UV统计与分析
- 🛣️ 路由追踪:SPA路由跳转记录
- 🖱️ 行为记录:用户点击、滚动等交互行为
🚀 技术优势
架构设计
- 🧩 模块化插件:各功能独立可插拔
- 📦 Monorepo管理:基于pnpm workspace的多包管理
- 🔗 双模块支持:ESM/CJS双模式输出
工程化
- ⚡ 高效构建:Rollup + rsbuild双构建体系
- 🌳 Tree Shaking:按需打包优化体积
- 🛡️ 类型安全:完整的TypeScript类型定义
性能优化
- 📦 批量上报:减少网络请求次数
- ⏳ 失败重试:自动重试失败的上报
- 🔄 缓存机制:离线数据本地存储
✨ 特色功能
操作录屏
- 🎥 基于rrweb:完整还原用户操作场景
- ⏱️ 可配置时长:灵活设置录屏时间
- 📁 分段存储:优化大数据量处理
智能分析
- 📈 健康评分:综合性能指标计算应用健康度
- 🔍 根因分析:自动关联异常与性能问题
- 🛠️ 修复建议:基于常见问题的解决方案推荐
📌 开源信息
项目由 EzStars团队 维护,采用 MIT 许可证
📧 反馈建议:contact@ezmonitor.com
🐞 Issue提交:GitHub Issues
📚 完整文档:https://ezstars.github.io/EzMonitor/docs