`

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

 
阅读更多

页面性能指标
    页面接收首字节时长(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

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics