前端性能监控

上报信息

• 页面报错
• 页面加载渲染时间【白屏、首屏、用户可操作时间】
• 接口报错

每条上报信息包括：

• 当前页面路径
• 当前页面参数
• 手机机型
• 小程序基础库信息
• 网络类型等等

注意：设置阀值触发上报，比如首屏时间超过4s触发上报信息。

// 阀值设置
const threshold = {
  wsTime: 2000, // 白屏时间
  fsTime: 2500, // 首屏渲染时间
  rlTime: 3000, // 资源加载时间
  useDoTime: 3000, // 用户可操作时间
  fetchTime: 5000, // 接口超时时间
}

安装

$ npm i zy-perfume
or
$ yarn zy-perfume

使用

在main.js里：

import { pageError } from "zy-perfume"
pageError(Vue) // 页面错误捕捉