后端有日志可以查问题,但用户在浏览器里遇到的性能问题后端看不到。前端性能监控能帮我们发现这类问题。
Core Web Vitals是Google定义的体验指标。LCP衡量加载速度、FID衡量交互延迟、CLS衡量视觉稳定性,这三个指标直接影响搜索排名。
Performance API可以获取性能数据。页面加载各阶段耗时、资源加载时间、接口请求时间都能拿到。
错误监控同样重要。JS运行时错误、资源加载失败、接口报错,都要捕获并上报。
上报可以批量处理避免影响性能。错误先存本地,批量上报,减少网络请求。
专业监控服务更全面。Sentry、BadJS等前端监控平台,提供详细错误追踪和性能分析。