要测量小程序的白屏时间,可以采用以下方法:
使用Performance Timing API
navigationStart:页面开始请求的时间点。
responseStart:页面开始接收响应的时间点。
白屏时间 = responseStart - navigationStart。
使用Performance Paint Timing API
监听 `first-paint` 事件,该事件在页面首次绘制完成时触发。
白屏时间 = first-paint 时间。
使用HoloInsight小程序监控
登录 HoloInsight 小程序监控。
在左侧导航栏选择“概览”,在“小程序监控概况”区域查看白屏异常率。
在“小程序稳定性分析”区域查看7天或14天内白屏异常数量。
建议
精确测量:对于需要精确测量白屏时间的场景,建议使用Performance Timing API结合Performance Paint Timing API,以获取更准确的数据。
监控与预警:利用HoloInsight等监控工具,可以实时监控白屏情况,并在异常率过高时及时收到预警,以便快速进行问题排查和修复。
简化操作:如果项目需要简化白屏时间的获取,可以考虑使用Performance Timing API中的`domLoading`事件来近似表示页面开始展示的时间点,从而计算白屏时间。