前端页面性能指标及监测方法

页面性能指标
    页面接收首字节时长(TTFB: time to first byte)

    首屏加载时间

    DomReady时间

    页面完全加载总时长

监测方法(t = performance.timing)

    ttfb: t.responseStart - t.navigationStart

    firstScreen: 首屏时间的话计算比较麻烦

(建议方案:有图的情况下,计算首屏内的图片最晚加载时间-navigatorStart ,没图的情况下,t.domInteractive - t.navigatorStart)

    domReady:

                 只算处理dom的时间:t.domComplete - t.responseEnd

                 从最开始计算:t.domComplete - t.navigatorStart

    total: t.loadEventStart - t.navigationStart

 

猜你喜欢

转载自jm1999.iteye.com/blog/2412450