【字节大牛疯狂教学】QQ音乐Android客户端Web页面通用性能优化实践！(1)

最新推荐文章于 2024-07-16 23:06:17 发布

2301_82243733

最新推荐文章于 2024-07-16 23:06:17 发布

阅读量617

点赞数 30

分类专栏：程序员文章标签： android 面试学习

本文链接：https://blog.csdn.net/2301_82243733/article/details/138652947

版权

程序员专栏收录该内容

214 篇文章

订阅专栏

写在最后

对程序员来说，很多技术的学习都是“防御性”的。也就是说，我们是在为未来学习。我们学习新技术的目的，或是为了在新项目中应用，或仅仅是为了将来的面试。但不管怎样，一定不能“止步不前”，不能荒废掉。

文章以下内容会给出阿里与美团的面试题（答案+解析）、面试题库、Java核心知识点梳理等

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

按照这个标准，一旦存在某个图片一直处在加载中，但页面框架的其他内容均已处理完毕，onPageFinished 回调也会等待图片加载完成才回调，与实际上的 “页面内容可消费” 时间点存在差异。

3. 指标设计方案

结合上述分析，可以确定：

最准确的页面加载完成时机来自前端
最准确的 WebView 初始化时机来自客户端

因此，完善的耗时测量需由客户端和前端协同完成。

（1）前端侧

前端自行完成结束时间点的设置，并从客户端获取 WebView 初始化时间点，统计上报打开耗时。

前端通过手动埋点或监听 DOM 节点数变更，获取加载完成时间点。
前端统计时调用客户端提供 JSAPI，获取以 WebView 初始化时间点作为起点的耗时。
并由前端完成加载耗时的计算和统计上报。

（2）客户端侧

作为一个补充方案，客户端可以通过 JavaScript 注入获取上述 W3C Performance Timing 中的 domInteractive 时间点，作为结束时间点。

前端 domInteractive 时，已完成所有页面展示必需资源的请求和处理
耗时的差异，可以体现任何页面的客户端通用优化效果
可以衡量SSR(服务端渲染) 页面的可消费耗时，和CSR(客户端渲染)页面的首帧耗时

webView.evaluateJavascript(

script = “(function(){return performance.timing.domInteractive;})();”,

callback = { value ->

responseEndDuration = value.toLong() - getOnCreateTimestamp()

}

)

虽然 WebKit 负责维护 Performance Timing 的值，但是 WebView 并未提供接口获取上述时间点的值。