npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@sdc-monitor/wx-mini-performance

v0.0.17

Published

A SDK For Report Wx Mini Performance

Downloads

10

Readme

性能监控

一、安装

使用npm

npm i @sdc-monitor/web-mini-performance

使用yarn

yarn add @sdc-monitor/web-mini-performance

二、快速开始

const wxPerformance = new MITO.WxPerformance({
  appId: "a1329cc0-563b-11eb-98fe-259847d73cdd",
  immediately: true,
  report: (data) => {
    console.log('WxPerformance data = ', data)
  }
})

三、Instance

3.1 Constructor

属性|类型|描述|是否必填|默认值 |---|---|---|---|---| appId|string|应用标识|否|无 version|string|应用版本号|否|无 report|上报回调函数|function|是|无 immediately|boolean|是否立即上报|否|false ignoreUrl|regexp|忽略请求正则|否|无 maxBreadcrumbs|number|非立即上报最大存储|否|10 needNetworkStatus|boolean|是否携带网络信息|否|true needBatteryInfo|boolean|是否携带电池信息|否|true needMemoryWarning|boolean|是否监听内存警告|否|true onAppHideReport|boolean|当immediately为false起效 是否需要在appHide时发送数据|否|true

3.2 Function

  • CustomPaint

自定义渲染完成时,手动调用会上包自定义完成渲染的数据

四、指标

4.1 WX_LIFE_STYLE

记录微信生命周期的时间

  • AppOnLaunch = 'AppOnLaunch',
  • AppOnShow = 'AppOnShow',
  • PageOnLoad = 'PageOnLoad',
  • PageOnReady = 'PageOnReady',
  • PageOnUnload = 'PageOnUnload',

4.2 MEMORY_WARNING

微信内存警告

4.3 WX_PERFORMANCE

指标类型(entryType)| 指标名称 |---|---| 路由(navigation)| route: 路由性能;appLaunch: 小程序启动耗时 渲染(render)| firstRender: 页面首次渲染耗时 脚本(script)| evaluateScript: 注入脚本耗时

4.4 WX_NETWORK

  • request: 微信请求
  • uploaderFile: 上传文件
  • downloadFile: 下载文件

4.5 WX_USER_ACTION

用户首次点击时间

五、数据

属性 | 名称 | 类型 | 值 |---|---|---|---| batteryLevel | 电池电量等级 | number | 0-100 item | 性能数据 | array | any networkType | 网络类型 | string | wifi' 、 '2g' 、 '3g' 、 '4g' 、 '5g' 、 'unknown' 、 'none' page | 当前页面 | string | any systemInfo | 系统信息 | Object | any time | 发送时间 | string | any time | 发送时间 | number | any type | 性能指标 | string | 指标枚举 uuid | uuid | string | any wxLaunch| 小程序launch的时间,可以作为本次launch的唯一标识 | number | any