本文将为您介绍如何快速使用前端性能监控。
步骤1：创建业务系统
1. 登录 前端性能监控控制台。
2. 在左侧菜单栏点击 应用管理>业务系统。
3. 在业务系统管理页单击创建业务系统，在弹框中填写业务名称并勾选相关协议即可。
步骤2：接入应用
1. 登录 前端性能监控控制台。
2. 在左侧菜单栏中单击数据总览。
3. 在数据总览页单击应用接入，根据下列表格配置应用信息。
配置项 | 说明 |
应用名称 | 自定义应用名称，方便您在前端监控平台辨识该应用。 |
应用描述 | 填写应用描述 ，如应用用途、应用简介等，方便用户了解该应用。 |
应用类型 | 支持 Web 、小程序（微信、QQ）、Hippy、Weex 、 React Native、Flutter、Cocos 应用类型接入。 |
应用仓库地址（可选） | 填写您的应用仓库地址，可不填写。 |
数据上报域名 | 填 * 表示不对上报域名进行校验； *.aa.com 匹配任意 aa.com 域名； 支持正则表达式，以 / 开头, 以 / 结尾，如 /^.*/。 |
所属业务系统 | 该功能用于分类管理您接入的应用，您可以根据研发团队、业务逻辑、应用类别等进行应用分类管理。若您没有可用团队，您可以单击右侧的创建链接，填写完信息后，单击确认即创建成功。 |
4.配置完后单击下一步，参考下列说明选择一种方式安装 SDK 。
npm 方式安装 SDK（所有应用类型均可使用该方式接入）。下列以 Web 应用为例来说明如何通过 npm 方式接入 SDK。
i. 在接入指引页面中复制提供的首行命令，引入 npm 包。
ii. 在接入指引页面中复制提供的代码初始化 SDK。
<script> 标签引入方式接入 SDK（仅支持 Web 接入类型）。
i. 在接入指引页面复制提供的 
<script> 标签 代码。
ii. 把**<script> 标签引入**类型下的代码引入到 <head></head> 标签中即可。
说明
按照上述步骤接入后即可使用数据总览、页面性能、异常分析、页面访问（PV、UV）、API 监控和静态资源功能。如需使用日志查询、自定义测速和自定义事件，需参考接入指引上报数据。