文件名称:uxm:用于收集前端性能指标的模块化库
文件大小:203KB
文件格式:ZIP
更新时间:2024-05-22 07:06:51
web-performance user-experience real-user-monitoring user-centric-metrics JavaScript
一个实用程序库,用于收集以用户为中心的性能指标。 •• • 特点: 基于ES模块的模块化设计。 体积小(2.5kb gzip)。 当您使用一些功能和时,它通常会更小。 优雅支持最新的浏览器API,例如 ,或。 功能齐全的支持。 用法 npm install uxm@next 收集以并将数据发送到您的API(1.5Kb): import { collectMetrics , createApiReporter , getDeviceInfo } from 'uxm' const report = createApiReporter ( '/api/collect' , { initial : getDeviceInfo ( ) } ) collectMetrics ( [ 'fcp' , 'lcp' , 'fid' , 'cls' ] , ( { metricType ,
【文件预览】:
uxm-master
----extension()
--------rollup.config.js(682B)
--------src()
--------build()
--------README.md(504B)
----.github()
--------logo.png(53KB)
--------workflows()
----experimental()
--------package.json(342B)
----yarn.lock(331KB)
----src()
--------utils()
--------experimental()
--------performance-observer.js(3KB)
--------api-reporter.js(2KB)
--------device-info.js(739B)
--------metrics.js(6KB)
--------user-timing.js(3KB)
--------index.js(257B)
----examples()
--------custom-layout-shift.js(501B)
--------react-use-time-hook.js(238B)
--------google-analytics-reporter.js(299B)
--------user-centric-metrics.js(206B)
--------crux-metrics.js(919B)
----CONTRIBUTING.md(296B)
----tsconfig.json(298B)
----LICENSE(1KB)
----test()
--------index.js(3KB)
----.prettierrc(64B)
----README.md(13KB)
----.gitignore(25B)
----package.json(3KB)