转载

h5性能打点统计方案

最近在做h5的性能优化，方案是想通过大数据打点了解真实用户情况，我们也是通过performance.timing来获取页面性能数据，可以很方便知道页面load完的时间，但是我们更想知道页面首屏时间。

目前我们大部分页面和天猫类似，采用前端异步渲染，同时为了性能优化，部分页面开始尝试做node端渲染直出。

目前我们这边有个想法，前端异步当模板生成的dom插入body时候，我们通过performance.now()来打点一个数据，获取首屏渲染时间，node端渲染的时候，底部标记为async的js执行就通过performance.now()打一个点，不知道这种方式是否准确？

最后想了解下天猫团队是通过什么样的方式来比较准确获取页面的首屏时间，而不是页面load完的时间？

原文 https://github.com/tmallfe/tmallfe.github.io/issues/41

正文到此结束

所属分类：编程技术

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。