前端网页性能检测大全performance

背景

记录前端性能数据，意向率、触达率、流失率这些和业务相关的数据。

准备

各字段获取方式如下

function getPerformanceData() { 
   const e = window.performance.timing; 
   const p = e.responseEnd - e.fetchStart; 
   const params = { 
        general: e.domComplete - e.navigationStart, 
        redirect: e.fetchStart - e.navigationStart,
        dns: e.domainLookupEnd - e.domainLookupStart,
        connect_tcp: e.domainLookupEnd - e.domainLookupStart,
        request: e.responseStart - e.requestStart,
        response: e.responseEnd - e.responseStart,
        assets: e.domComplete - e.responseEnd,
        pathname: location.pathname, 
        tti: e.domInteractive - e.fetchStart, 
        ready: e.domContentLoadedEventEnd - e.fetchStart, 
        load: e.loadEventStart - e.fetchStart 
    } 
    p >= 0 && p < 36e5 && (params.fpt = p); 
    return params 
}