Real User Monitoring 技能:用最少字段采集页面性能
EnglishClaude Code 安装步骤
- 从 GitHub 固定提交获取完整的 `plugins/performance/real-user-monitoring/skills/implementing-real-user-monitoring` 目录。
- 复制到目标项目的 `.claude/skills/`,确认 `.claude/skills/implementing-real-user-monitoring/SKILL.md`,再从项目根目录启动 Claude Code,输入 `/implementing-real-user-monitoring`。
中文摘要
用 Claude Code 设计浏览器性能数据的采样、传输和核对。以合成页面测量验证路由模板、指标名与单位。
SKILL.md 中文导读
可复现示例
访问带合成查询参数的两条本地商品详情,记录 LCP 数值与路由模板 /products/:id。检查事件没有完整 URL、查询参数或用户标识。工作步骤
- 为目标页面定义指标和采样条件。将动态路径映射为稳定模板,限制发送字段。
- 在本地打开不同商品详情,检查性能事件载荷与仪表板单位,测试发送失败时页面照常使用。
验收方法
两次测量可按同一个路由汇总,LCP 单位清楚。页面功能在采集关闭时仍通过。
GitHub 原文 · 更新日期
适用环境
准备自己的本地网页、性能采集库与测试接收端。示例只用本地会话和合成 URL。
常见问题
RUM 是否需要采集整个 URL 才能区分页面?
优先使用页面类型或路由模板。只有业务需要且适合采集时才增加额外维度。
相关指南
相关推荐
groq-install-auth 技能
jeremylongshore/claude-code-plugins-plus-skills
anima-common-errors 技能
jeremylongshore/claude-code-plugins-plus-skills
apple-notes-hello-world 技能
jeremylongshore/claude-code-plugins-plus-skills
castai-hello-world 技能
jeremylongshore/claude-code-plugins-plus-skills
cohere-local-dev-loop 技能
jeremylongshore/claude-code-plugins-plus-skills
figma-security-basics 技能
jeremylongshore/claude-code-plugins-plus-skills