-
前端错误监控: 通过监控前端错误来捕获客户端的异常和错误。可以使用第三方服务如Sentry、Bugsnag、Rollbar等,或者自行实现错误监控系统。
-
性能监控: 监控页面加载时间、资源加载时间、渲染时间等性能指标,以及页面的可交互性能。工具如 Google Analytics 等可以提供这样的功能。
-
谷歌统计脚本加上了,会自动监控 fcp 等指标
-
-
日志监控: 在前端代码中加入日志记录,收集关键操作和异常情况。可以使用日志收集服务如Loggly、Papertrail等进行日志的存储和监控。还可以使用
-
用户行为监控: 通过分析用户的行为和操作来监控应用的健康状况。例如,使用Google Analytics,百度统计,等工具来跟踪用户的页面访问、点击行为等。
-
网络请求监控: 监控前端应用的网络请求情况,包括请求的成功率、响应时间等指标。可以使用工具如 Pingdom、Datadog 等来监控网络请求。
-
浏览器端性能监控: 使用浏览器的 Performance API来监控页面性能,包括网络请求、页面渲染等方面的性能指标。需要手动写关于 preformance 的代码,以及各个关键指标的计算
-
可视化监控: 将监控指标可视化展示,便于开发人员和运维人员进行实时监控和分析。可以使用工具如Grafana[ɡrəˈfɑːnə]、Kibana[kɪˈbɑːnə]等来实现可视化监控。
-
自定义监控指标: 根据应用的特点和需求,自定义监控指标,如用户活跃度、支付成功率等,以更好地监控应用的运行情况。
-
告警: 架构组根据埋点信息设置警告