CINXE.COM
前端性能监控RUM_前端监控_页面监控- 腾讯云
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, maximum-scale=1"> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no"> <title>前端性能监控RUM_前端监控_页面监控- 腾讯云</title> <meta name="keywords" content="前端性能监控,前端监控,页面监控,RUM,小程序监控,web监控,APP监控,JS报错,CDN监控,API 监控"> <meta name="description" content="可用于Web和小程序的前端真实体验监控服务,基于腾讯内部多年实践,一行代码、无侵接入,实现页面性能和前端质量的实时可观测。"> <link rel="dns-prefetch" href="//cloudcache.tencent-cloud.com" /> <link rel="dns-prefetch" href="//qcloudimg.tencent-cloud.cn" /> <link rel="icon" href="//cloudcache.tencent-cloud.com/qcloud/favicon.ico" type="image/x-icon" /> <link rel="canonical" href="https://cloud.tencent.com/product/rum" /> <script> document.domain = 'cloud.tencent.com'; window.CDN_DOMAIN = 'cloudcache.tencent-cloud.com' </script> <link rel="stylesheet" href="//cloudcache.tencent-cloud.com/open_proj/proj_qcloud_v2/gateway/portal/css/global.css" /> <link href="//cloudcache.tencent-cloud.com/qcloud/ui/tea-portal-material-portal/build/Main/Main-202502071604.css" rel="stylesheet" /> <link href="https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/material-product.c291a1a8f1f9fc6d3ba2.css" rel="stylesheet" /> <link href="https://cloudcache.tencent-cloud.com/qcloud/portal/css/roadmap/snippet.65767bde9.css" rel="stylesheet" /> <link href="//cloudcache.tencent-cloud.com/qcloud/ui/portal-set/build/DsSale/DsSale-202309121954.css" rel="stylesheet" /> <link href="https://cloudcache.tencent-cloud.com/qcloud/portal/css/anchorWidget/snippet.efb555991.css" rel="stylesheet" /> <link id="qcportal-kit-style" rel="stylesheet" href="https://cloudcache.tencent-cloud.com/qcloud/portal/kit/full.f1ced2d352d42c5210ad.css"> <script src="https://tam.cdn-go.cn/aegis-sdk/latest/aegis.min.js"></script> <script> if (window.Aegis) { var aegis = window.aegisIns = new Aegis({ id: "dWOw9fv7jg4XmVzQ09", pagePerformance: true, onError: true, reportAssetSpeed: true, reportApiSpeed: true, ext1: '', api: { ignoreHackReg: /^https:\/\/sse\.cloud\.tencent\.(com|cn|com\.cn)/i, }, beforeRequest: function (data) { // 过滤掉一些明确上报 var ignoreKeys = [ 'Script error', 'chrome-extension', 'qq.com', 'queryWeappQrcodeStatus', 'login/ajax/info', 'woa.com', 'trafficCollect.php', 'google', 'dscache', 'act-api', 'set_qc_cookie', 'opc.cloud.tencent.com', 'uc_gre_ad_buss', 'eb.xcj.pub' ]; var alarmMsg = [data.logs.url, data.logs.msg].join('|'); for (var i=0; i<ignoreKeys.length; i++) { if (alarmMsg.indexOf(ignoreKeys[i]) != -1) return false; } // 过滤掉爬虫和开发者工具环境 if (/bot|wechatdevtools|spider/i.test(navigator.userAgent)) { return false; } // 过滤掉堆栈里无js文件的 if (data.logs.level === '4' && data.logs.msg && data.logs.msg.indexOf('.js') === -1) { return false; } } }) } </script> </head> <body> <script> var userAgent = navigator.userAgent || 'unknown'; userAgent = userAgent.toLowerCase(); var iosReg = /ip(hone|ad|od)/i; var isIOS = iosReg.test(userAgent); var isMac = userAgent.indexOf('macintosh') > -1; var bodyClassName = isIOS || isMac ? 'tpm2-product-type-mac' : ''; if (bodyClassName) { document.body.className += ' ' + bodyClassName; } </script> <div id="qcportal-kit-topnav"><div role="navigation" id="navigationBar" data-type="cn_zh" class="pls-nav pls-nav-air "><div class="pls-nav-mod"><div class="pls-nav-top"><a class="pls-nav-top-logo" href="https://cloud.tencent.com" hotrep="hp.header.hp"><i>腾讯云</i></a><div class="pls-nav-list-wrap"><ul class="pls-nav-list"><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.act" href="https://cloud.tencent.com/act">最新活动<i class="pls-nav-tag hot"><span class="pls-nav-tag-text">HOT</span></i></a></li><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.product" href="https://cloud.tencent.com/product">产品</a></li><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.solution" href="https://cloud.tencent.com/solution">解决方案</a></li><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.price" href="https://buy.cloud.tencent.com/pricing">定价</a></li><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.ecenter" href="https://cloud.tencent.com/act/pro/center">企业中心</a></li><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.market" href="https://market.cloud.tencent.com">云市场</a></li><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.developer" href="https://cloud.tencent.com/landing/developer-ecology">开发者</a></li><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.support" href="https://cloud.tencent.com/act/event/service-support">客户支持</a></li><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.cooperate" href="https://cloud.tencent.com/landing/partner-ecology">合作与生态</a></li><li class="pls-nav-item" tabindex="-1"><a role="button" hotrep="hp.header.learn" href="https://cloud.tencent.com/about">了解腾讯云</a></li></ul></div><div class="pls-nav-top-operation"></div></div><section class="pls-nav-dropdown" style="visibility:hidden;height:0"><div style="height:0;transition:transform ease-in-out .2s, opacity ease-in-out .2s;opacity:0;transform:translate(0, -100%)"><a class="pls-nav-dropdown-close" hotrep="hp.header.close">关闭</a></div></section></div></div> <div id="navigationBarM" class="pls-m-nav"><div class="pls-m-nav-bar"><div class="pls-m-nav-bar-main"><a href="https://cloud.tencent.com/" class="pls-m-nav-logo"></a></div><div class="pls-m-nav-bar-extra"><a class="pls-m-nav-btn" aria-label="搜索"><i class="pls-m-nav-btn-icon search"></i></a><a class="pls-m-nav-btn profile" aria-label="用户"><i class="pls-m-nav-btn-icon user"></i></a><a class="pls-m-nav-btn" aria-label="菜单"><i class="pls-m-nav-btn-icon menu"><span></span><span></span><span></span></i></a></div></div><div class="pls-m-nav-dropdown search" style="display:none"><div class="pls-m-nav-search"><div class="pls-m-nav-search-bar"><input type="text" class="pls-m-nav-search-input" placeholder="请输入搜索的关键词" value=""/><a class="pls-m-nav-search-btn">搜索</a></div></div></div></div></div> <div id="app-root" aegis-first-screen-timing="true"> <div class="product-detail-page" style="position:relative"><div class="block-container view-control"><div class="clear-gap" id="Hc8CIx7WT" data-id="Hc8CIx7WT"><div role="banner" class="tpm-prod-hero tpm-prod-hero-version-v2 tpm-prod-hero--with-drop"><div class="tpm-prod-hero__bg-wrap"><div class="tpm-prod-hero__bg"><div class="tpm-prod-hero__bg-inner" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/i1P72zYAAK3eRr2XNPP_x.jpg")"></div></div></div><div class="tpm-prod-hero__inner"><div class="tpm-prod-hero__seo"><img alt="" src=""/></div><div class="tpm-prod-hero__content"><nav class="tpm-prod-hero__dropdown-wrap"><div class="tpm-prod-hero__dropdown"><div class="tpm-prod-hero__dropdown-hd"><span>产品家族</span></div></div><div class="tpm-prod-hero__event">单个主账号每天共享50万条免费上报数据量<!-- --> |<a hotrep="product.rum.banner.topactivity" href="https://cloud.tencent.com/act/free/enterprise" class="tp-link tpm-link tp-link--white-arrow"><span class="tp-link__inner">立即体验</span></a></div></nav><div><div><div class="tpm-prod-hero__header"><h1 class="tpm-prod-hero__tit" id="hero_tit"><span>前端性能监控 RUM</span></h1></div><p class="tpm-prod-hero__desc">前端性能监控(Real User Monitoring,RUM)是一站式前端监控解决方案,专注于 Web、小程序等场景监控。前端性能监控聚焦用户页面性能(页面测速,接口测速,CDN 测速等)和质量(JS 错误,Ajax 错误等),并且联动腾讯云应用性能监控实现前后端一体化监控。用户只需要安装 SDK 到自己的项目中,通过简单配置化,即可实现对用户页面质量的全方位守护,真正做到低成本使用和无侵入监控。</p></div></div><div class="tpm-prod-hero__btn-group"><div class="tpm-prod-hero__btn-group--primary"><a class="tpm-btn tpm-prod-hero__btn tpm-btn--primary" href="https://console.cloud.tencent.com/monitor/rum" hotrep="product.rum.banner.btn1"><span class="tpm-btn__text">立即体验</span></a><a class="tpm-btn tpm-prod-hero__btn tpm-btn--primary tpm-prod-hero__btn--white" href="https://cloud.tencent.com/apply/p/5e91dim3c1q" hotrep="product.rum.banner.btn2"><span class="tpm-btn__text">售前咨询</span></a></div><div class="tpm-prod-hero__btn-group--link"><a class="tp-link tpm-link" href="https://cloud.tencent.com/document/product/248/87183" hotrep="product.rum.banner.btn3"><span class="tp-link__inner">产品文档</span></a><a hotrep="product.rum.banner.btn4" class="tp-link tpm-link" data-label="true"><span class="tp-link__inner">客户交流群</span></a></div></div></div></div></div></div><div style="padding-bottom:60px" id="k1yNXalT1" data-id="k1yNXalT1" class="with-gap"><header class="tpm-section__hd" style="padding-top:60px" id="PPiJK0AkIJ" data-id="PPiJK0AkIJ"><h2 class="tl-anchor tpm-section__title">产品特性</h2></header><div class="view-column"><div><div class="tp-grid__layout"><div><div class="tp-grid__row tp-grid--gutter-8n"><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-feature__item"><img src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/cgN4ySO6u7HqKNFvnUq_m.png" alt="" class="tpm-feature__item-icon"/><div class="tpm-feature__item-bd"><h3 class="tpm-feature__item-title">日志上报</h3><div class="tpm-feature__item-desc">开发者可以上报任意数据到前端监控平台,其中包括一般性日志、自定义事件、自定义测速等,用来满足前端开发者日志收集的诉求。</div></div></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-feature__item"><img src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/VGFE4oA7ru9lwajnNQ_Vp.png" alt="" class="tpm-feature__item-icon"/><div class="tpm-feature__item-bd"><h3 class="tpm-feature__item-title">错误收集</h3><div class="tpm-feature__item-desc">前端性能监控主动收集浏览器执行 JS 代码报错、接口信息报错、资源加载异常、Promise 异常等报错,开发者只需接入 SDK 即可实现所有错误收集的功能。</div></div></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-feature__item"><img src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/CXVb5MiQO11_z3G6mQjB6.png" alt="" class="tpm-feature__item-icon"/><div class="tpm-feature__item-bd"><h3 class="tpm-feature__item-title">性能监控</h3><div class="tpm-feature__item-desc">前端性能监控支持首屏耗时、建立 TCP 连接耗时、TTFB 耗时、SSL 耗时等页面性能监控。通过加载速度,交互性和视觉稳定性三个角度反映用户的体验情况,协助您进行用户体验优化。</div></div></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-feature__item"><img src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/dRQLAYeIwxnKGH9t_fjLE.png" alt="" class="tpm-feature__item-icon"/><div class="tpm-feature__item-bd"><h3 class="tpm-feature__item-title">资源测速</h3><div class="tpm-feature__item-desc">资源测速支持对图片加载耗时,CDN 资源耗时等测速。您可以通过多种度视图(地域、ISP、浏览器等)多维度分析接口性能情况。</div></div></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-feature__item"><img src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/wvlg23lQbemOGuWg_ER_D.png" alt="" class="tpm-feature__item-icon"/><div class="tpm-feature__item-bd"><h3 class="tpm-feature__item-title">接口测速</h3><div class="tpm-feature__item-desc">前端性能监控支持查看每个页面下的 API 调用情况,包括调用成功率、成功或失败的平均耗时、失败次数等。您可以通过多种度视图(地域、ISP、浏览器等)多维度分析接口性能情况。</div></div></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-feature__item"><img src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/eC0772UpzLMSEacUJQw59.png" alt="" class="tpm-feature__item-icon"/><div class="tpm-feature__item-bd"><h3 class="tpm-feature__item-title">智能告警</h3><div class="tpm-feature__item-desc">前端性能监控结合腾讯云可观测平台告警能力,提供更可靠易用的错误,页面耗时,性能数据等异常告警。当这些指标超过您设定的阈值时,将会实时为您发送告警通知。</div></div></div></div></div></div></div></div></div></div><div class="tpm-advantage-panel clear-gap" id="2EzmT3nTF" data-id="2EzmT3nTF"><div class="tpm-advantage-panel__inner"><div><div class="tp-grid__layout"><div class="tp-grid__row tp-grid--gutter-10n"><div class="tp-grid__col tp-grid__col--6 tp-grid__col--pad-12 tp-grid__col--phone-12"><div class="tpm-advantage-panel__item"><div class="tpm-advantage-panel__item-num">4000<span class="tpm-advantage-panel__item-unit">亿</span></div><div class="tpm-advantage-panel__item-desc">每日支持 4000 亿数据上报量</div></div></div><div class="tp-grid__col tp-grid__col--6 tp-grid__col--pad-12 tp-grid__col--phone-12"><div class="tpm-advantage-panel__item"><div class="tpm-advantage-panel__item-num">100<span class="tpm-advantage-panel__item-unit">亿+</span></div><div class="tpm-advantage-panel__item-desc">每天支持上百亿页面 PV 数据统计</div></div></div><div class="tp-grid__col tp-grid__col--6 tp-grid__col--pad-12 tp-grid__col--phone-12"><div class="tpm-advantage-panel__item"><div class="tpm-advantage-panel__item-num">99.9<span class="tpm-advantage-panel__item-unit">%</span></div><div class="tpm-advantage-panel__item-desc">SLA 服务可用性不低于99.9%</div></div></div><div class="tp-grid__col tp-grid__col--6 tp-grid__col--pad-12 tp-grid__col--phone-12"><div class="tpm-advantage-panel__item"><div class="tpm-advantage-panel__item-num">1<span class="tpm-advantage-panel__item-unit">分钟</span></div><div class="tpm-advantage-panel__item-desc">一行代码无侵入接入,1分钟体验全部功能</div></div></div></div></div></div></div></div><div style="padding-bottom:60px" id="i9ga7WSGm" data-id="i9ga7WSGm" class="tl-framework tpm-media-section with-gap bg-gray"><header class="tpm-section__hd" style="padding-top:60px" id="vf7VtJpYf_" data-id="vf7VtJpYf_"><h2 class="tl-anchor tpm-section__title">产品架构</h2></header><div class="view-column"><div class="tpm-draft tpm-media-section__content"><div class="tpm-rich-text"><p class="ts-p">前端性能监控结合腾讯云可观测平台和腾讯云日志服务,为您提供 Web、小程序(微信、QQ)、React Native、Hippy、Flutter 等前端性能监控场景。在前端性能出现异常时,腾云可观测平台-告警将会第一时间通知您,您还可以通过监控大盘实时查看核心指标变化趋势,实时了解前端性能情况。帮助您降低页面加载时间、减少 JS 和 Ajax 错误,有效提升用户体验。</p><p class="ts-p"></p></div></div><div class="tp-grid__row tpm-media standalone"><div class="tp-grid__col tpm-media__object"><img style="max-width:100%" src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/JOLDBTdqvFCrLeLVb8AEa.svg"/></div></div></div></div><div style="padding-bottom:60px" id="yNHTxqo2n" data-id="yNHTxqo2n" class="with-gap"><header class="tpm-section__hd" style="padding-top:60px" id="WPhWSR3qxJ" data-id="WPhWSR3qxJ"><h2 class="tl-anchor tpm-section__title">产品家族</h2></header><div class="view-column"><div class="tpm-family"><div class="tp-grid__row tp-grid--gutter-5n tpm-family tpm-family__list--s"><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-family__item tpm-family__item--nobg"><a class="tpm-family__item-cnt-wrap" href="https://cloud.tencent.com/product/apm"><div class="tpm-family__item-hd"><div class="tpm-family__item-hd-cnt"><span class="tpm-family__item-icon" style="background-image:url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/OZI2pk8a5uxr9pEWYECpL.svg)"></span><span class="tpm-family__item-title">应用性能监控</span></div></div><div class="tpm-family__item-desc">包含指标、链路、日志的一站式应用性能监控服务,开源协议平滑接入,有效加速故障排查,定位架构瓶颈。</div></a></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-family__item tpm-family__item--nobg"><a class="tpm-family__item-cnt-wrap" href="https://cloud.tencent.com/product/cat"><div class="tpm-family__item-hd"><div class="tpm-family__item-hd-cnt"><span class="tpm-family__item-icon" style="background-image:url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/tUaK0-hKObExQXiFFk_QU.svg)"></span><span class="tpm-family__item-title">云拨测</span></div></div><div class="tpm-family__item-desc">零代码、覆盖全球全地域、以真实终端用户使用场景为视角,模拟真实用户最后一公里的可用性探测服务。</div></a></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-family__item tpm-family__item--nobg"><a class="tpm-family__item-cnt-wrap" href="https://cloud.tencent.com/product/pts"><div class="tpm-family__item-hd"><div class="tpm-family__item-hd-cnt"><span class="tpm-family__item-icon" style="background-image:url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/HgIhF2vO0xOKHRDdPqHX2.svg)"></span><span class="tpm-family__item-title">云压测</span></div></div><div class="tpm-family__item-desc">是一款分布式性能测试服务,可模拟海量用户的真实业务场景,全方位验证系统可用性和稳定性。支持百万并发和多协议压测,兼容原生 JMeter。</div></a></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-family__item tpm-family__item--nobg"><a class="tpm-family__item-cnt-wrap" href="https://cloud.tencent.com/product/tmp"><div class="tpm-family__item-hd"><div class="tpm-family__item-hd-cnt"><span class="tpm-family__item-icon" style="background-image:url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/wIdfjfuFsXehEGj8KmTey.svg)"></span><span class="tpm-family__item-title">Prometheus 监控服务</span></div></div><div class="tpm-family__item-desc">与容器服务高度集成,高可用、全托管、免搭建的高效运维平台,兼容开源生态丰富多样的应用组件,减少开发和运维成本。</div></a></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-family__item tpm-family__item--nobg"><a class="tpm-family__item-cnt-wrap" href="https://cloud.tencent.com/product/tcmg"><div class="tpm-family__item-hd"><div class="tpm-family__item-hd-cnt"><span class="tpm-family__item-icon" style="background-image:url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/5aW-DD1AIpPLL1blRkO3-.svg)"></span><span class="tpm-family__item-title">Grafana 服务</span></div></div><div class="tpm-family__item-desc">提供安全、免运维的 Grafana 能力,内建腾讯云多种数据源插件,如 Prometheus 监控服务、日志服务、容器服务等,最终实现数据的统一可视化。</div></a></div></div><div class="tp-grid__col tp-grid__col--8 tp-grid__col--pad-12 tp-grid__col--phone-24"><div class="tpm-family__item tpm-family__item--nobg"><a class="tpm-family__item-cnt-wrap" href="https://cloud.tencent.com/product/eb"><div class="tpm-family__item-hd"><div class="tpm-family__item-hd-cnt"><span class="tpm-family__item-icon" style="background-image:url(https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/2J211MBqqR2Lopm04qXlh.svg)"></span><span class="tpm-family__item-title">事件总线</span></div></div><div class="tpm-family__item-desc">一款安全,稳定,高效的云上事件连接器,目前已接入 100+ 云上服务,助力分布式事件驱动架构的快速构建。</div></a></div></div></div></div></div></div><div style="padding-bottom:60px" id="NCP7AbWpx" data-id="NCP7AbWpx" class="with-gap bg-gray"><header class="tpm-section__hd" style="padding-top:60px" id="bwJVlsDtvH" data-id="bwJVlsDtvH"><h2 class="tl-anchor tpm-section__title">文档与定价</h2></header><div class="view-column"><div class="tpm-doc"><div class="tp-grid__row tpm-doc__list"><div class="tp-grid__col tp-grid__col--12 tp-grid__col--pad-12 tp-grid__col--phone-24"><a href="https://cloud.tencent.com/document/product/248/87074" class="tpm-doc__item"><h3 class="tpm-doc__item-title">计费模式</h3><div class="tpm-doc__item-desc">前端性能监控支持按量付费后付费模式,并根据您的上报量进行计费。</div></a></div><div class="tp-grid__col tp-grid__col--12 tp-grid__col--pad-12 tp-grid__col--phone-24"><a href="https://cloud.tencent.com/document/product/248/87640" class="tpm-doc__item"><h3 class="tpm-doc__item-title">新手指引</h3><div class="tpm-doc__item-desc">帮助您快速了解、使用前端性能监控。</div></a></div><div class="tp-grid__col tp-grid__col--12 tp-grid__col--pad-12 tp-grid__col--phone-24"><a href="https://cloud.tencent.com/document/product/248/87185" class="tpm-doc__item"><h3 class="tpm-doc__item-title">接入应用</h3><div class="tpm-doc__item-desc">前端性能监控支持 Web、小程序(微信、QQ)、Hippy、Weex、React Native 、Flutter 和 Cocos 应用类型接入。</div></a></div><div class="tp-grid__col tp-grid__col--12 tp-grid__col--pad-12 tp-grid__col--phone-24"><a href="https://cloud.tencent.com/document/product/248/87583" class="tpm-doc__item"><h3 class="tpm-doc__item-title">API 文档</h3><div class="tpm-doc__item-desc">提供丰富的 API 接口,包括功能接口的使用方法和参数,提供请求示例、响应示例以及错误码介绍。</div></a></div></div><div class="tpm-doc__item tpm-doc__item--primary"><a class="tpm-doc__item-to"></a><div class="tpm-doc__item-hd"><h3 class="tpm-doc__item-title">最佳实践</h3><div class="tpm-doc__item-desc">前端性能监控为您提供典型应用场景下的实践案例,有效协助您在更多场景下使用前端性能监控。</div></div><div class="tpm-doc__item-bd"><ul class="tpm-doc__item-links"><li><a href="https://cloud.tencent.com/document/product/248/87245">如何优化小程序用户体验</a></li><li><a href="https://cloud.tencent.com/document/product/248/87246">如何根据性能数据优化项目</a></li><li><a href="https://cloud.tencent.com/document/product/248/87108">前后端链路打通</a></li></ul></div></div></div></div></div><div id="Crdn7IJYx" data-id="Crdn7IJYx" class="tl-faq-list tpm-faq__list with-gap"><header class="tpm-section__hd" style="padding-top:60px" id="TEEFiO3Vz3" data-id="TEEFiO3Vz3"><h2 class="tl-anchor tpm-section__title">常见问题</h2></header><div class="view-column" style="margin-bottom:40px"><div class="tpm-faq__item is-open"><div class="tpm-faq__item-hd"><h3 class="tpm-faq__item-title">前端性能监控目前支持了哪些平台?提供了什么平台的 SDK?</h3><i class="tpm-faq__item-icon"></i></div><div class="tpm-faq__item-bd"><div class="tpm-rich-text"><p class="ts-p">目前支持 Web、Hippy、小程序(微信、QQ)和 React Native 等平台的数据上报,更多 SDK 的支持工作也在进行中。</p></div></div></div><div class="tpm-faq__item"><div class="tpm-faq__item-hd"><h3 class="tpm-faq__item-title">前端性能监控支持哪些应用场景?</h3><i class="tpm-faq__item-icon"></i></div></div><div class="tpm-faq__item"><div class="tpm-faq__item-hd"><h3 class="tpm-faq__item-title">用户的日志会在前端性能监控保存多久?</h3><i class="tpm-faq__item-icon"></i></div></div><div class="tpm-faq__item"><div class="tpm-faq__item-hd"><h3 class="tpm-faq__item-title">前端性能监控根据哪个字段来计算 UV ?</h3><i class="tpm-faq__item-icon"></i></div></div><div class="tpm-faq__item"><div class="tpm-faq__item-hd"><h3 class="tpm-faq__item-title">什么是离线日志?</h3><i class="tpm-faq__item-icon"></i></div></div></div><div style="margin-top:40px;padding-bottom:60px" id="XOt_yG3g6P" data-id="XOt_yG3g6P"><div class="view-column" style="text-align:center"><div class="tpm-rich-text"><p class="ts-p">更多问题请查看<a class="ts-link" href="https://cloud.tencent.com/document/product/248/86813"> 常见问题</a>,也可在 <a class="ts-link" href="https://cloud.tencent.com/developer/ask">问答社区</a> 中进行提问 。</p></div></div></div></div><div style="padding-bottom:60px" id="TCIXWTUiK" data-id="TCIXWTUiK" class="tl-logos with-gap bg-gray"><header class="tpm-section__hd" style="padding-top:60px" id="Zzf2eoKTo8" data-id="Zzf2eoKTo8"><h2 class="tl-anchor tpm-section__title">客户案例</h2></header><div class="view-column"><div class="tpm-logo-card__wrap tpm-logo-card__wrap--fixcol"><div class="tpm-logo-card__wrap-inner"><ul class="tpm-logo-card__list"><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/98dgWBBdbdjOtf9qC6Uqo.png")">深圳地铁</div></div></a></li><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/CH2ss41XkmUqYGQsDjPpF.png")">微众银行</div></div></a></li><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/wYgvjCZALyidhibpFww9Z.jpg")">晶泰科技</div></div></a></li><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/DRh3CsQFLQSSj8SxVd4mY.jpg")">人民网</div></div></a></li><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/efjHrJ6ejRnmnhJVWxQ35.png")">顺丰速运</div></div></a></li><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/AktrMm5uP8hGs8DdwkkBw.jpeg")">大众点评</div></div></a></li><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/aKLNbdH_j9gahxHmhhCdu.jpg")">58</div></div></a></li><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/raw/957872087501c288403585e43e0d0ad6.png")">永辉超市</div></div></a></li><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/u9Gno41wfRLqMO_OIAVzC.jpg")">新东方</div></div></a></li><li><a class="tpm-logo-card"><div class="tpm-logo-card__img-wrap"><div class="tpm-logo-card__img" style="background-image:url("https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/OL3bRxJtduwIDFiPrVx91.png")">印象笔记</div></div></a></li></ul></div></div></div></div><div class="tl-call2action" id="bfT6523ic" data-id="bfT6523ic"><div class="tpm-2-action-panel has-qrcodes"><div class="tpm-2-action-panel__inner"><main class="tpm-2-action-panel__main"><h3 class="tpm-2-action-panel__title">扫码关注【腾讯云可观测】公众号,获得更多产品动态</h3><div class="tpm-2-action-panel__desc">关注公众号点击【交流群】按键获取二维码,加入腾讯云可观测官方交流群</div><div class="tpm-2-action-panel__btns"><a class="tpm-btn tpm-btn--white-hole" href="https://console.cloud.tencent.com/rum"><span class="tpm-btn__text">立即使用</span></a></div></main><aside class="tpm-2-action-panel__side"><div class="tpm-2-action-panel__qrcodes"><div class="tpm-qrcode"><div class="tpm-qrcode__img"><img src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/pEZd_LfAmSZ5GMjKYCav_.jpg" alt=""/></div><div class="tpm-qrcode__text">腾讯云可观测公众号</div></div><div class="tpm-qrcode"><div class="tpm-qrcode__img"><img src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/DXXm-EHiTslnpBVvt6irz.png" alt=""/></div><div class="tpm-qrcode__text">腾讯云可观测技术交流群</div></div></div></aside></div></div></div><div id="doc-container"></div></div></div> </div> <script> window.__QCPortalContext__ = { version: "0.5.0", resource: {}, $getCurrServerTime: (function(s, c) {return function(){return +new Date()+s-c;}})(1743599262802, +new Date()), } </script> <script src="https://cloudcache.tencent-cloud.com/qcloud/portal/kit/full.bc52a011a.js"></script> <script> if (window.QCPortalKit) { window.QCPortalKit.init({"version":"v2","site":{"replaceUrlTLDScope":"page"},"topNav":{"theme":"air"},"floatBar":{"satisfactionSurveyPageUrl":"https://cloud.tencent.com/product/rum"},"footer":{"disable":false}}) } </script> <script> window.isServerContext = false; window.isClientContext = true; window.$serverTime = 1743599262802; window.$clientTime = Date.now(); window.$user = {"isLogined":false}; </script> <script src="//cloudcache.tencent-cloud.com/qcloud/main/scripts/release/common/libs/jsencrypt-standalone.min.js" crossOrigin=""></script> <script src="//cloudcache.tencent-cloud.com/qcloud/main/scripts/release/common/vendors/babel/polyfill.6.26.min.js"></script> <script src="//cloudcache.tencent-cloud.com/qcloud/main/scripts/release/common/vendors/react/react.17.0.2.min.js"></script> <script src="//cloudcache.tencent-cloud.com/qcloud/main/scripts/release/common/vendors/react/react-dom.17.0.2.min.js"></script> <script src="//cloudcache.tencent-cloud.com/qcloud/main/scripts/release/common/vendors/jquery-3.2.1.min.js"></script> <script src="/qccomponent/login/api.js"></script> <script src="https://cloudcache.tencent-cloud.com/qcloud/main/scripts/release/common/base.c9f6fc3ef1ac545931f6.js?max_age=31536000"></script> <script>window.__TRI_PAGE_STATE__={"kind":"page","id":"blank","slug":"blank","name":"product-detail","scenes":[{"id":"1","slug":"","title":""}],"collection":{"1":[{"kind":"block","name":"hero-prod","data":{"title":"前端性能监控 RUM","desc":"前端性能监控(Real User Monitoring,RUM)是一站式前端监控解决方案,专注于 Web、小程序等场景监控。前端性能监控聚焦用户页面性能(页面测速,接口测速,CDN 测速等)和质量(JS 错误,Ajax 错误等),并且联动腾讯云应用性能监控实现前后端一体化监控。用户只需要安装 SDK 到自己的项目中,通过简单配置化,即可实现对用户页面质量的全方位守护,真正做到低成本使用和无侵入监控。","abstract":"提供一站式前端监控解决方案,帮助提升用户体验和产品质量。","bgImage":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/i1P72zYAAK3eRr2XNPP_x.jpg","buttons":[{"title":"立即体验","to":"https://console.cloud.tencent.com/monitor/rum","__vid__":"IxLQOCpvGghtIsALEruRX","type":""},{"title":"售前咨询","to":"https://cloud.tencent.com/apply/p/5e91dim3c1q","type":"doc","__vid__":"8FzaRGBJhRF3fcyJMGRNq"}],"links":[{"title":"产品文档","to":"https://cloud.tencent.com/document/product/248/87183","__vid__":"elqkz75N6Nz_LTT496Sp3"}],"contentLayout":"default","backgroundLayout":"picture","navLabel":{"endTime":1698915811398,"switch":false},"actRibbon":{"label":"单个主账号每天共享50万条免费上报数据量","list":[{"title":"立即体验","to":"https://cloud.tencent.com/act/free/enterprise","__vid__":"TBoScWPtynL_QDSNCfjp6"}]},"relatedSolutions":{"list":[]},"relatedProducts":{"list":[]},"productFamily":{"title":"腾讯云可观测平台","to":"https://cloud.tencent.com/product/tcop","list":[{"title":"应用性能监控","to":"https://cloud.tencent.com/product/apm","__vid__":"KZmAgGzX6O6NC1GvEHHOw"},{"title":"Prometheus 监控服务","to":"https://cloud.tencent.com/product/tmp","__vid__":"j1bpoD98OOmE5MhouwNtr"},{"title":"云拨测","to":"https://cloud.tencent.com/product/cat","__vid__":"P7JRNVnBI7DkVL5HCjmY-"},{"title":"Grafana 服务","to":"https://cloud.tencent.com/product/tcmg","__vid__":"JGAah3aOZa8CbSixaOpwF"},{"title":"云压测","to":"https://cloud.tencent.com/product/pts","__vid__":"6EwrVhfGtOAF3xd9iHXbL"},{"title":"云监控","to":"https://cloud.tencent.com/product/tcpm","__vid__":"Ij64qa4ulaOqc58l9OeK8"}]},"linkWithQR":[{"title":"客户交流群","to":"https://console.cloud.tencent.com","QRcodeImg":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/_IAA5rZBHNntAi7QGeA_2.png","coverText":"微信扫码入群","__vid__":"mwRovf6cCPML7iLaK7KlY"}]},"id":"Hc8CIx7WT","collection":{"addons":[]}},{"kind":"block","name":"feature-matrix","data":{"list":[{"icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/cgN4ySO6u7HqKNFvnUq_m.png","title":"日志上报","desc":"开发者可以上报任意数据到前端监控平台,其中包括一般性日志、自定义事件、自定义测速等,用来满足前端开发者日志收集的诉求。","__vid__":"vxdnXKQA1IWAjTByi-qL_"},{"icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/VGFE4oA7ru9lwajnNQ_Vp.png","title":"错误收集","desc":"前端性能监控主动收集浏览器执行 JS 代码报错、接口信息报错、资源加载异常、Promise 异常等报错,开发者只需接入 SDK 即可实现所有错误收集的功能。","__vid__":"4sr-wJyLctQopHhF0EFvt"},{"icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/CXVb5MiQO11_z3G6mQjB6.png","title":"性能监控","desc":"前端性能监控支持首屏耗时、建立 TCP 连接耗时、TTFB 耗时、SSL 耗时等页面性能监控。通过加载速度,交互性和视觉稳定性三个角度反映用户的体验情况,协助您进行用户体验优化。","__vid__":"NPnBouq93K1Xfg2zWCsob"},{"icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/dRQLAYeIwxnKGH9t_fjLE.png","title":"资源测速","desc":"资源测速支持对图片加载耗时,CDN 资源耗时等测速。您可以通过多种度视图(地域、ISP、浏览器等)多维度分析接口性能情况。","__vid__":"yudfA1hTgAymjfQWPvNF_"},{"icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/wvlg23lQbemOGuWg_ER_D.png","title":"接口测速","desc":"前端性能监控支持查看每个页面下的 API 调用情况,包括调用成功率、成功或失败的平均耗时、失败次数等。您可以通过多种度视图(地域、ISP、浏览器等)多维度分析接口性能情况。","__vid__":"FH3fSn_u4sgPNY-LboK0r"},{"icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/eC0772UpzLMSEacUJQw59.png","title":"智能告警","desc":"前端性能监控结合腾讯云可观测平台告警能力,提供更可靠易用的错误,页面耗时,性能数据等异常告警。当这些指标超过您设定的阈值时,将会实时为您发送告警通知。","__vid__":"YvK22D9gI71VnWxlh_iP2"}]},"id":"k1yNXalT1","collection":{"header":[{"kind":"block","name":"section-header","data":{"title":"产品特性"},"id":"PPiJK0AkIJ"}]}},{"kind":"block","name":"metrix-band","data":{"metrixs":[{"value":"4000","suffix":"亿","desc":"每日支持 4000 亿数据上报量","__vid__":"tWZBlqB7tqxjcWNZDJafY"},{"value":"100","suffix":"亿+","desc":"每天支持上百亿页面 PV 数据统计","__vid__":"rzfcR4ZJtwVhpH1_MoLc_"},{"value":"99.9","suffix":"%","desc":"SLA 服务可用性不低于99.9%","__vid__":"PZh5ZbslzNqQGS2KRnJBU"},{"value":"1","suffix":"分钟","desc":"一行代码无侵入接入,1分钟体验全部功能","__vid__":"MO7epvFjy0bD1hyf5Aj71"}]},"id":"2EzmT3nTF"},{"kind":"block","name":"framework","data":{"content":{"mod":"slate","content":[{"type":"topic","children":[{"type":"p","children":[{"text":"前端性能监控结合腾讯云可观测平台和腾讯云日志服务,为您提供 Web、小程序(微信、QQ)、React Native、Hippy、Flutter 等前端性能监控场景。在前端性能出现异常时,腾云可观测平台-告警将会第一时间通知您,您还可以通过监控大盘实时查看核心指标变化趋势,实时了解前端性能情况。帮助您降低页面加载时间、减少 JS 和 Ajax 错误,有效提升用户体验。"}]},{"type":"p","children":[{"text":""}]}],"id":"9a22e358-acb1-47f5-9d25-344d5035cef2"}]},"image":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/JOLDBTdqvFCrLeLVb8AEa.svg","aside":{}},"id":"i9ga7WSGm","collection":{"header":[{"kind":"block","name":"section-header","data":{"title":"产品架构"},"id":"vf7VtJpYf_"}]},"className":"bg-gray"},{"kind":"block","name":"product-list","data":{"appearance":"simple","list":[{"name":"应用性能监控","abstract":"包含指标、链路、日志的一站式应用性能监控服务,开源协议平滑接入,有效加速故障排查,定位架构瓶颈。","label":"","icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/OZI2pk8a5uxr9pEWYECpL.svg","to":"https://cloud.tencent.com/product/apm","__vid__":"BaYFMNZI1M0yxRlBZ7Aq2"},{"name":"云拨测","abstract":"零代码、覆盖全球全地域、以真实终端用户使用场景为视角,模拟真实用户最后一公里的可用性探测服务。","label":"","icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/tUaK0-hKObExQXiFFk_QU.svg","to":"https://cloud.tencent.com/product/cat","__vid__":"cbYXlJthmAMeq-_Ojh5KH"},{"name":"云压测","abstract":"是一款分布式性能测试服务,可模拟海量用户的真实业务场景,全方位验证系统可用性和稳定性。支持百万并发和多协议压测,兼容原生 JMeter。","label":"","icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/HgIhF2vO0xOKHRDdPqHX2.svg","to":"https://cloud.tencent.com/product/pts","__vid__":"HcCgBjNdNgv3x8op5ZU3c"},{"name":"Prometheus 监控服务","abstract":"与容器服务高度集成,高可用、全托管、免搭建的高效运维平台,兼容开源生态丰富多样的应用组件,减少开发和运维成本。","label":"","icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/wIdfjfuFsXehEGj8KmTey.svg","to":"https://cloud.tencent.com/product/tmp","__vid__":"KKBdeMrSFYAEIvhqJ2EQk"},{"name":"Grafana 服务","abstract":"提供安全、免运维的 Grafana 能力,内建腾讯云多种数据源插件,如 Prometheus 监控服务、日志服务、容器服务等,最终实现数据的统一可视化。","label":"","icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/5aW-DD1AIpPLL1blRkO3-.svg","to":"https://cloud.tencent.com/product/tcmg","__vid__":"9uNQHfbSvxUMDFe-jqdMl"},{"name":"事件总线","abstract":"一款安全,稳定,高效的云上事件连接器,目前已接入 100+ 云上服务,助力分布式事件驱动架构的快速构建。","icon":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/2J211MBqqR2Lopm04qXlh.svg","to":"https://cloud.tencent.com/product/eb","__vid__":"Gb60yNtL0hf3DT1schKjC"}]},"logics":[],"id":"yNHTxqo2n","collection":{"header":[{"kind":"block","name":"section-header","data":{"title":"产品家族"},"logics":[],"id":"WPhWSR3qxJ","collection":{}}]}},{"kind":"block","name":"documents","data":{"documents":[{"title":"计费模式","desc":"前端性能监控支持按量付费后付费模式,并根据您的上报量进行计费。","to":"https://cloud.tencent.com/document/product/248/87074","__vid__":"U2Vv_nasSD6RA5Xi2pzL0"},{"title":"新手指引","desc":"帮助您快速了解、使用前端性能监控。","to":"https://cloud.tencent.com/document/product/248/87640","__vid__":"s1Oo5hgJpp_b2DL369aFq"},{"title":"接入应用","desc":"前端性能监控支持 Web、小程序(微信、QQ)、Hippy、Weex、React Native 、Flutter 和 Cocos 应用类型接入。","to":"https://cloud.tencent.com/document/product/248/87185","__vid__":"3lVKmRaXVdD9RLMO4vIWf"},{"title":"API 文档","desc":"提供丰富的 API 接口,包括功能接口的使用方法和参数,提供请求示例、响应示例以及错误码介绍。","to":"https://cloud.tencent.com/document/product/248/87583","__vid__":"vG1bOnU3rNNCo0XqJUrdf"}],"aside":{"title":"最佳实践","content":"腾讯云 CVM 提供按量计费和包年包月两种计费模式,您可以灵活选择付费方式,按量计费只需为您实际消耗的资源付费,按小时结算;包年包月适合业务量稳定的场景,费用更低廉。","links":[{"title":"如何优化小程序用户体验","to":"https://cloud.tencent.com/document/product/248/87245","__vid__":"vqfohmpzEqVBNHxgmRuI6"},{"title":"如何根据性能数据优化项目","to":"https://cloud.tencent.com/document/product/248/87246","__vid__":"jVz_yB7aVIg0TQRhbXNAN"},{"title":"前后端链路打通","to":"https://cloud.tencent.com/document/product/248/87108","__vid__":"D-0s3v2vSERET5YpvOMly"}],"desc":"前端性能监控为您提供典型应用场景下的实践案例,有效协助您在更多场景下使用前端性能监控。"}},"logics":[],"id":"NCP7AbWpx","collection":{"header":[{"kind":"block","name":"section-header","data":{"title":"文档与定价"},"logics":[],"id":"bwJVlsDtvH","collection":{}}]},"className":"bg-gray"},{"kind":"block","name":"faq-list","data":{"list":[{"question":"前端性能监控目前支持了哪些平台?提供了什么平台的 SDK?","answer":{"mod":"slate","content":[{"type":"topic","children":[{"type":"p","children":[{"text":"目前支持 Web、Hippy、小程序(微信、QQ)和 React Native 等平台的数据上报,更多 SDK 的支持工作也在进行中。"}]}],"id":"2868a923-42b0-4af4-86e3-c74cfec41597"}]},"__vid__":"W-RLUMZGl7t7a_VNymWne"},{"question":"前端性能监控支持哪些应用场景?","answer":{"mod":"slate","content":[{"type":"topic","children":[{"type":"uli","children":[{"text":"提升用户体验"}]},{"type":"p","children":[{"text":"前端性能监控通过页面报错、页面加载、接口成功率等关键性能指标变化趋势,实时了解用户使用情况。基于关键性能指标变化趋势和用户健康度评分,改善用户浏览页面体验。"}]},{"type":"p","children":[{"text":""}]},{"type":"uli","children":[{"text":"故障定位"}]},{"type":"p","children":[{"text":"前端性能监控支持 JS 代码报错,接口信息报错、资源加载异常、Promise 异常等错误主动收集和慢页面详情监控(首屏加载耗时、请求响应等),通过页面加载瀑布图、Core Web Vitals(谷歌提出的三个网络性能指标的视图)、地区视图等多维度关联分析异常指标,定位异常原因。"}]},{"type":"p","children":[{"text":""}]},{"type":"uli","children":[{"text":"性能优化"}]},{"type":"p","children":[{"text":"前端性能监控支持地区、运营商、网络、设备/机器类型等多维度视图。您可以结合用户特征和多维度视图进行对比分析,实现有针对性地优化 Web 应用性能。"}]}],"id":"195c9036-70d3-4395-8900-888c485a3b56"}]},"__vid__":"76mVXJONiMXClV6-_Lcjr"},{"question":"用户的日志会在前端性能监控保存多久?","answer":{"mod":"slate","content":[{"type":"topic","children":[{"type":"uli","children":[{"text":"用户上报的原始日志,包括错误,自定义上报,页面访问,保留 30 天。"}]},{"type":"uli","children":[{"text":"性能相关的指标数据,如页面性能,API 监控、静态资源监控等,保留 15 天"}]},{"type":"uli","children":[{"text":"每天定时计算出来的数据,例如每天的项目评分,每天的 PV/UV 汇总数据等,保留 90 天。"}]}],"id":"1efc9813-28ae-4075-9c90-7df66f0c363a"}]},"__vid__":"kZV1noc9v_YeEjJrt7oWM"},{"question":"前端性能监控根据哪个字段来计算 UV ?","answer":{"mod":"slate","content":[{"type":"topic","children":[{"type":"p","children":[{"text":"Aegis SDK 为每个用户独立生成一个 aid 作为用户(设备)的唯一标识,存储在浏览器的 localStorage,用于计算 UV。aid 不受登录态影响,只有用户清理浏览器缓存 aid 才会更新。"}]}],"id":"2adcf651-5d57-49c1-b5ce-091fee911d4c"}]},"__vid__":"TZuZ4kzowOCbgpSN7ViH1"},{"question":"什么是离线日志?","answer":{"mod":"slate","content":[{"type":"topic","children":[{"type":"p","children":[{"text":"前端性能监控的离线日志是把大部分日志存储在用户本地,只有在需要使用的时候才把日志上报到监控平台的解决方案。"}]}],"id":"195c9036-70d3-4395-8900-888c485a3b56"}]},"__vid__":"ZxDvMU3RkoGmgicNSWuUo"}]},"id":"Crdn7IJYx","collection":{"header":[{"kind":"block","name":"section-header","data":{"title":"常见问题"},"id":"TEEFiO3Vz3"}],"addons":[{"kind":"block","name":"section-footer","data":{"content":{"mod":"slate","content":[{"type":"topic","children":[{"type":"p","children":[{"text":"更多问题请查看"},{"type":"link","url":"https://cloud.tencent.com/document/product/248/86813","title":"https://cloud.tencent.com/document/product/248/86813","children":[{"text":" 常见问题"}]},{"text":",也可在 "},{"type":"link","url":"https://cloud.tencent.com/developer/ask","title":"https://cloud.tencent.com/developer/ask","children":[{"text":"问答社区"}]},{"text":" 中进行提问 。"}]}],"id":"2270e8ed-9c1b-4fd9-be82-74d07b7387ee"}]}},"id":"XOt_yG3g6P"}]},"className":""},{"kind":"block","name":"logos","data":{"logos":[{"logo":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/98dgWBBdbdjOtf9qC6Uqo.png","title":"深圳地铁","to":"","__vid__":"Oe3MqZrtfmwARrbgRfSDr"},{"logo":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/CH2ss41XkmUqYGQsDjPpF.png","title":"微众银行","to":"","__vid__":"1tuhPAC_b-neb1xy3YIqL"},{"logo":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/wYgvjCZALyidhibpFww9Z.jpg","title":"晶泰科技","to":"","__vid__":"o5xhUWZwW8i37VhrFAJU-"},{"logo":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/DRh3CsQFLQSSj8SxVd4mY.jpg","title":"人民网","to":"","__vid__":"XnVHUgFF76lebGHbAjYse"},{"logo":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/efjHrJ6ejRnmnhJVWxQ35.png","title":"顺丰速运","to":"","__vid__":"B6TR6fzSW3VSo34x5wQCU"},{"logo":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/AktrMm5uP8hGs8DdwkkBw.jpeg","title":"大众点评","to":"","__vid__":"K_e9oNzPI06mcAN5zQCLV"},{"logo":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/aKLNbdH_j9gahxHmhhCdu.jpg","title":"58","to":"","__vid__":"FgxC6Ss3lHmcEOxzl1qW-"},{"logo":"https://qcloudimg.tencent-cloud.cn/raw/957872087501c288403585e43e0d0ad6.png","title":"永辉超市","to":"","__vid__":"M4StVhTA78KvpXyOkrbY8"},{"logo":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/u9Gno41wfRLqMO_OIAVzC.jpg","title":"新东方","to":"","__vid__":"EvpzXgvy9_t9KtKqWmjzz"},{"logo":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/OL3bRxJtduwIDFiPrVx91.png","title":"印象笔记","to":"","__vid__":"DAaHCQfpi6vydNxYdqf93"}]},"id":"TCIXWTUiK","collection":{"header":[{"kind":"block","name":"section-header","data":{"title":"客户案例"},"id":"Zzf2eoKTo8"}]},"className":"bg-gray"},{"kind":"block","name":"call2action","data":{"content":"关注公众号点击【交流群】按键获取二维码,加入腾讯云可观测官方交流群","buttons":[{"title":"立即使用","to":"https://console.cloud.tencent.com/rum","__vid__":"3x-JRZwXyDL3p8ztK2Z6Q"}],"aside":{"qrcodes":[{"image":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/pEZd_LfAmSZ5GMjKYCav_.jpg","title":"腾讯云可观测公众号","__vid__":"m1B5-wzChIFdEXMiWfU9x"},{"image":"https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/DXXm-EHiTslnpBVvt6irz.png","title":"腾讯云可观测技术交流群","__vid__":"s0dkPGRWPMwhBu66GCfqo"}]},"title":"扫码关注【腾讯云可观测】公众号,获得更多产品动态"},"id":"bfT6523ic"}]},"settings":{"seo":{"title":"前端性能监控RUM_前端监控_页面监控- 腾讯云","keywords":"前端性能监控,前端监控,页面监控,RUM,小程序监控,web监控,APP监控,JS报错,CDN监控,API 监控","description":"可用于Web和小程序的前端真实体验监控服务,基于腾讯内部多年实践,一行代码、无侵接入,实现页面性能和前端质量的实时可观测。"},"siteSearch":{"enable":true},"toc":{"enable":false}}};</script> <script src="https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/material-product.9240a0d12.js"></script> <script> if (window.__TRI_PAGE_STATE__ && window.__TRI_PAGE_STATE__.settings && window.__TRI_PAGE_STATE__.settings.toc && window.__TRI_PAGE_STATE__.settings.toc.enable ) { window.__TRI_PAGE_STATE__.settings.toc.enable = false; } window.__TRI_PAGE_STATE__.legacy = false; if (window.$render) { window.$render(); } </script> <script>window.G_PAGE_CONTEXT={"business":"product","entryId":2745};</script> <script src="https://cloudcache.tencent-cloud.com/qcloud/portal/scripts/roadmap/snippet.55cb90c95.js"></script> <script src="https://cloudcache.tencent-cloud.com/qcloud/portal/scripts/dianshiSale/snippet.c928bc854.js"></script> <script src="https://cloudcache.tencent-cloud.com/qcloud/portal/scripts/anchorWidget/snippet.27b54885f.js"></script> <script src="https://cloudcache.tencent-cloud.com/qcloud/portal/scripts/anchor/snippet.15007222e.js"></script> <script src="https://cloudcache.tencent-cloud.com/qcloud/portal/scripts/videoCopy/snippet.f52175c2f.js"></script> <script src="//dscache.tencent-cloud.cn/ecache/qcstat/qcloud/qcloudStatApi.js" async></script> </body> </html>