Appearance
监控与性能
收录 Web 性能测量、应用监控、错误追踪、可用性检测等工具,帮助发现和解决线上应用的性能瓶颈与稳定性问题。
Web 性能测量
PageSpeed Insights
Google 官方的网页性能评测工具,基于 Lighthouse 和真实用户数据(Chrome UX Report),从移动端和桌面端两个维度评估页面的 Core Web Vitals(LCP、FID/INP、CLS)等关键性能指标,并提供具体的优化建议和优先级排序,是 SEO 和性能优化的必用工具。
核心指标:LCP、INP、CLS、FCP、TTFB
亮点:官方权威,结合真实用户数据,优化建议具体
Lighthouse
Google 开源的自动化页面质量评测工具,内置于 Chrome DevTools,同时提供 CLI 和 Node.js API,评测维度覆盖性能、可访问性、最佳实践、SEO、PWA 五个方面,生成详细报告,是本地开发阶段的核心性能诊断工具。
亮点:内置 Chrome,离线可用,报告详细
WebPageTest
专业的 Web 性能测试工具,支持从全球多个真实地理位置(含中国节点)测试页面加载性能,提供瀑布图、帧时序视频对比、首屏截图等专业分析报告,可模拟不同网络条件(3G、4G)和设备,适合深度性能诊断。
亮点:全球节点测试,瀑布图分析,视频帧对比
GTmetrix
综合性 Web 性能分析工具,整合 Lighthouse 和 PageSpeed 数据,提供历史性能追踪、性能监控告警、瀑布图分析和帧时序视频,免费版功能足够个人项目使用,适合定期监控网站性能趋势。
亮点:历史趋势追踪,性能监控告警,综合分析报告
Bundlephobia
npm 包打包体积分析工具,显示包的压缩前/后体积、加载时间估算,并推荐功能相近但体积更小的替代包,在引入新依赖前评估其对包体积的影响,帮助控制前端应用的 Bundle 大小。
Bundle Analyzer(Webpack/Rollup/Vite)
构建工具的 Bundle 分析插件,将打包产物可视化展示为矩形树图,直观识别体积过大的模块和重复依赖:
- Webpack:
webpack-bundle-analyzer - Vite:
rollup-plugin-visualizer - Rollup:
rollup-plugin-visualizer
应用性能监控(APM)
Sentry
最受欢迎的开源错误监控和性能追踪平台,支持前端(JavaScript、React、Vue)和后端(Node.js、Python、Go 等)的错误捕获、性能采样、分布式追踪,提供详细的错误上下文(堆栈轨迹、用户操作录放、源码映射),免费版支持 5,000 次错误/月,可自托管。
适合场景:生产环境错误监控、性能瓶颈定位
亮点:多语言支持,源码映射,用户行为录放,可自托管
Datadog
企业级全栈可观测性平台,覆盖 APM(应用性能监控)、日志管理、基础设施监控、RUM(真实用户监控)、合成监控等全链路,集成 600+ 服务,适合中大型企业的生产环境综合监控,功能强大但价格较高。
适合场景:企业级生产监控,需要全链路可观测性
亮点:功能最全面,集成最多,监控链路完整
New Relic
老牌 APM 平台,提供应用性能监控、基础设施监控、日志分析、合成监控等功能,免费版提供 100GB 数据摄入/月,适合需要综合监控方案且预算有限的团队。
前端用户监控(RUM)
Vercel Analytics
Vercel 提供的真实用户性能监控(RUM)服务,基于真实访问数据收集 Core Web Vitals 指标,按地区、设备、路由等维度分析,与 Vercel 部署无缝集成,免费版提供基础功能。
Hotjar
用户行为分析工具,提供热力图(鼠标点击/移动/滚动分布)、用户会话录放、反馈收集等功能,帮助从用户行为角度发现 UX 问题和转化漏斗的流失点,是产品优化的重要数据来源,免费版支持 35 次会话录放/天。
亮点:热力图可视化,会话回放,UX 问题发现
Microsoft Clarity
微软出品的免费用户行为分析工具,功能与 Hotjar 类似(热力图、会话录放),完全免费无使用限制,与 Google Analytics 集成方便,是 Hotjar 的免费替代选择,适合中小型网站。
亮点:完全免费,无流量限制,与 GA 集成
可用性与告警
UptimeRobot
最流行的网站可用性监控工具,每 5 分钟检测一次服务可用性,故障时通过邮件、Slack、Telegram 等渠道即时告警,提供历史可用率统计和公开状态页,免费版支持 50 个监控项目。
适合场景:网站/API 可用性监控
亮点:免费 50 个监控,告警方式多样,状态页功能
BetterUptime
现代化的可用性监控和事故管理平台,提供 HTTP/SSL/Cron 监控、全球多节点检测、电话告警、值班排班、美观的公开状态页,界面设计优于 UptimeRobot,免费版支持基础功能。
亮点:美观状态页,电话告警,值班管理
Checkly
基于 Playwright 的 API 和端到端监控平台,支持将 E2E 测试脚本作为持续监控运行,在真实浏览器中验证关键用户流程(登录、下单等),将测试与监控统一,是现代化"监控即代码"理念的实践。
亮点:Playwright 驱动,端到端监控,监控即代码
日志管理
Logtail(Better Stack)
现代化结构化日志管理平台,支持多种日志源接入,提供 SQL 查询日志、实时日志流、告警规则,界面简洁,定价透明,免费版支持 1GB/月,适合中小型项目的日志管理需求。
Grafana + Loki
开源可观测性套件,Grafana 负责可视化仪表盘,Loki 负责日志聚合(类似 Elasticsearch 但更轻量),Prometheus 负责指标采集,三者组合构成完整的自托管监控栈,适合有运维能力的团队。
亮点:完全开源,可自托管,监控栈最完整