如何监控页面加载时长?及判断是否加载失败

1.有没有办法监控到客户端(html+js+图片)加载时长?
2.有没有办法知道客户端哪个js加载失败?

阅读 5.9k
1 个回答

1.单纯使用js无法解决,js需要自身被加载进来才能开始监控。
配合后端可以勉强计算包括了网络传输时间的总加载时间。即后端获取请求的时候记录时间,前端在window.onload触发时记录时间,但要确保服务器和客户端时间同步,不一定靠谱(或使用AJAX,后端进行计算,但多了一次网络传输时间)
一定要计算精确值可以在iframe中加载页面来计算时间,但iframe自身也需要加载时间。
总结:几乎无法简单地实现。

2.非常简单的方法是保证最后一个js能被成功加载,前面几个js通过一些手段表明自己被加载(设置变量甚至是使用SessionStorage)即可让最后的js检测到。或者最后一段js内联加载,HTML页面都加载成功了这段js一定会被加载

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题