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

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

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值