performance-collector

0.2.2 • Public • Published

前端性能收集器

目前收集指标如下,后续酌情新增

  const INDICATORS = {
    // DNS查询耗时
    dns: '',
    
    // TCP连接耗时
    tcp: '',
    
    // TTFB(首字节时间)
    ttfb: '',
    
    // 白屏时间
    firstPaintTime: '',
    
    // DOMContentLoaded耗时
    domReady: '',
    
    // 页面加载完成耗时
    load: '',
  };

安装

  npm i performance-collector --save

使用

  import getPerformance from 'performance-collector';
 
  getPerformance((indicators) => {
    console.log(indicators);
  });

兼容性

实现中使用了addEventListener,所以不兼容IE8-(不会回调)。 性能参数主要通过performance.timing接口计算而来,不支持此接口的浏览器只会计算loaddomReady两个指标,其他指标为空。

Readme

Keywords

Package Sidebar

Install

npm i performance-collector

Weekly Downloads

1

Version

0.2.2

License

MIT

Last publish

Collaborators

  • fulme