[{"data":1,"prerenderedAt":338},["ShallowReactive",2],{"navigation-zh-CN":3,"doc-zh-CN-/getting-started/introduction":81,"surround-zh-CN-/getting-started/introduction":335},[4,23,45,67],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":22},"开始使用","i-lucide-rocket","/getting-started","1.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"认识 TraceVista","/getting-started/introduction","1.getting-started/1.introduction",{"title":15,"path":16,"stem":17},"5 分钟快速接入","/getting-started/quick-start","1.getting-started/2.quick-start",{"title":19,"path":20,"stem":21},"核心概念","/getting-started/concepts","1.getting-started/3.concepts",false,{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":22},"产品能力","i-lucide-blocks","/features","2.features",[29,33,37,41],{"title":30,"path":31,"stem":32},"功能总览","/features/overview","2.features/1.overview",{"title":34,"path":35,"stem":36},"性能指标与优化","/features/performance","2.features/2.performance",{"title":38,"path":39,"stem":40},"前端错误监控","/features/errors","2.features/3.errors",{"title":42,"path":43,"stem":44},"访问分析与业务事件","/features/analytics","2.features/4.analytics",{"title":46,"icon":47,"path":48,"stem":49,"children":50,"page":22},"SDK 接入","i-lucide-code-xml","/sdk","3.sdk",[51,55,59,63],{"title":52,"path":53,"stem":54},"安装浏览器 SDK","/sdk/installation","3.sdk/1.installation",{"title":56,"path":57,"stem":58},"SDK 配置","/sdk/configuration","3.sdk/2.configuration",{"title":60,"path":61,"stem":62},"SDK API 参考","/sdk/api","3.sdk/3.api",{"title":64,"path":65,"stem":66},"隐私、安全与采集边界","/sdk/privacy","3.sdk/4.privacy",{"title":68,"icon":69,"path":70,"stem":71,"children":72,"page":22},"网站与额度","i-lucide-folder-cog","/account","4.account",[73,77],{"title":74,"path":75,"stem":76},"管理监控网站","/account/projects","4.account/1.projects",{"title":78,"path":79,"stem":80},"免费接收量与用量规则","/account/quota","4.account/2.quota",{"id":82,"title":11,"body":83,"description":328,"extension":329,"links":330,"meta":331,"navigation":332,"path":12,"seo":333,"stem":13,"__hash__":334},"docs_zh_cn/1.getting-started/1.introduction.md",{"type":84,"value":85,"toc":313},"minimal",[86,100,103,122,126,129,132,199,202,235,238,274,277,294,300,303],[87,88,89,90,94,95,99],"p",{},"TraceVista 是一个面向 Web 应用的",[91,92,93],"strong",{},"真实用户监控平台","（Real User Monitoring，简称 RUM）。它通过运行在用户浏览器中的轻量 SDK，自动采集访问、性能和错误数据，并记录你通过 ",[96,97,98],"code",{},"track()"," 手动上报的关键业务事件，再把这些信号组织成可查询、可比较的产品数据。",[87,101,102],{},"它要回答的不是“服务器是否在线”这一个问题，而是更接近真实体验的几个问题：",[104,105,106,110,113,116,119],"ul",{},[107,108,109],"li",{},"用户有没有顺利打开页面，主要内容多久出现？",[107,111,112],{},"点击、输入和路由切换是否及时响应？",[107,114,115],{},"页面有没有意外跳动、资源加载失败或接口报错？",[107,117,118],{},"问题影响哪些页面、浏览器、设备和用户？",[107,120,121],{},"修复上线以后，真实用户体验是否确实变好了？",[123,124,125],"h2",{"id":125},"为什么需要真实用户监控",[87,127,128],{},"本地开发、自动化测试和 Lighthouse 很重要，但它们通常发生在可控环境里。真实用户可能使用低端手机、弱网、旧浏览器，也可能从不同地区访问。只有在真实访问现场采集的数据，才能反映这些差异。",[87,130,131],{},"TraceVista 将一次访问拆成多种相互关联的信号：",[133,134,135,151],"table",{},[136,137,138],"thead",{},[139,140,141,145,148],"tr",{},[142,143,144],"th",{},"信号",[142,146,147],{},"解决的问题",[142,149,150],{},"常见用途",[152,153,154,166,177,188],"tbody",{},[139,155,156,160,163],{},[157,158,159],"td",{},"页面访问",[157,161,162],{},"谁在什么时候访问了什么页面",[157,164,165],{},"PV/UV、趋势、来源、热门页面",[139,167,168,171,174],{},[157,169,170],{},"性能指标",[157,172,173],{},"用户看到内容和完成交互用了多久",[157,175,176],{},"找慢页面、定位加载或主线程瓶颈",[139,178,179,182,185],{},[157,180,181],{},"前端错误",[157,183,184],{},"浏览器里发生了哪些失败",[157,186,187],{},"修复 JS、Promise、资源和接口错误",[139,189,190,193,196],{},[157,191,192],{},"业务事件",[157,194,195],{},"用户是否完成了关键动作",[157,197,198],{},"追踪注册、购买、搜索、提交等行为",[123,200,201],{"id":201},"平台如何工作",[203,204,205,209,212,216,223,226,229,232],"steps",{},[206,207,208],"h3",{"id":208},"添加监控网站",[87,210,211],{},"在控制台添加需要监控的网站，填写名称和正式域名。平台会为网站生成独立的 API Key，用来识别上报数据。",[206,213,215],{"id":214},"安装-sdk","安装 SDK",[87,217,218,219,222],{},"将一段带有 ",[96,220,221],{},"data-project-key"," 的 Script 放到页面中。SDK 会自动开始采集，无需逐个配置性能监听器。",[206,224,225],{"id":225},"观察真实数据",[87,227,228],{},"访问网站后，控制台会逐步出现访问、性能、错误和事件数据。可以按页面、环境和时间趋势判断影响范围。",[206,230,231],{"id":231},"优化并验证",[87,233,234],{},"根据数据选择优先级，修复影响大、频率高的问题；上线后继续观察同一指标，确认优化结果。",[123,236,237],{"id":237},"主要能力",[239,240,241,249,256,263],"card-group",{},[242,243,246],"card",{"icon":244,"title":245,"to":43},"i-lucide-chart-no-axes-combined","访问分析",[87,247,248],{},"查看 PV、UV、访问趋势、地域、来源、设备、浏览器和热门页面。",[242,250,253],{"icon":251,"title":252,"to":35},"i-lucide-gauge","性能监控",[87,254,255],{},"采集 LCP、CLS、INP、FCP、TTFB、TBT、DCL 和 Load。",[242,257,260],{"icon":258,"title":259,"to":39},"i-lucide-bug","错误监控",[87,261,262],{},"自动捕获运行时、Promise、资源加载和接口错误。",[242,264,268],{"icon":265,"title":266,"to":267},"i-lucide-mouse-pointer-click","事件追踪","/features/analytics#业务事件",[87,269,270,271,273],{},"用 ",[96,272,98],{}," 把关键业务行为和页面访问上下文关联起来。",[123,275,276],{"id":276},"适合谁使用",[104,278,279,282,285,288,291],{},[107,280,281],{},"想了解自己的网站或独立产品真实访问、性能表现的个人开发者",[107,283,284],{},"希望建立前端质量基线的开发团队",[107,286,287],{},"需要定位线上白屏、加载慢和交互卡顿的产品团队",[107,289,290],{},"同时关心技术体验和注册、转化等业务结果的运营人员",[107,292,293],{},"维护多个网站，希望用统一方式观察质量的组织",[295,296,297],"note",{},[87,298,299],{},"TraceVista 关注浏览器端真实用户体验，它不能替代服务端 APM、基础设施监控和日志系统。将它们结合使用，可以从用户现象追踪到前后端根因。",[123,301,302],{"id":302},"下一步",[87,304,305,306,309,310,312],{},"第一次使用建议直接完成 ",[307,308,15],"a",{"href":16},"。如果你需要先理解数据之间的关系，请阅读 ",[307,311,19],{"href":20},"。",{"title":314,"searchDepth":315,"depth":316,"links":317},"",3,2,[318,319,325,326,327],{"id":125,"depth":316,"text":125},{"id":201,"depth":316,"text":201,"children":320},[321,322,323,324],{"id":208,"depth":315,"text":208},{"id":214,"depth":315,"text":215},{"id":225,"depth":315,"text":225},{"id":231,"depth":315,"text":231},{"id":237,"depth":316,"text":237},{"id":276,"depth":316,"text":276},{"id":302,"depth":316,"text":302},"了解 Web 应用性能与用户体验监控平台解决什么问题、采集哪些信号，以及如何把数据转化为优化行动。","md",null,{},true,{"title":11,"description":328},"ElNxOzVNiN",[330,336],{"title":15,"path":16,"stem":17,"description":337,"children":-1},"添加监控网站、获取 API Key、安装浏览器 SDK，并确认第一条真实访问数据。",1789572466011]