QQ手机页面框架优化实践.pptx

PPT格式，可编辑可复制QQ手机页面框架优化实践1. 传统?页?面的优化实践2. 动态直出?页?面的优化实践(Sonic)3.关于移动?页?面框架的?一点思考1. 传统?页?面的优化实践2. 动态直出?页?面的优化实践(Sonic)3.关于移动?页?面框架的?一点思考业务形态游戏分发中?心会员特权中?心个性装扮商场静态资源(html/js/css)动态数据(items/banner)DataServer加载流程LocalStorageDataServerNative Initprocess runtime blink.html.css.js.json.jsonactiveWebviewPageclicklaunchloadrefresh dom终端耗时?页?面耗时(传统?首屏耗时)?首屏耗时存在的?几个问题终端耗时?长WebView请求资源时机慢内容依赖?网络弱?网络?页?面?白屏时间?长数据动态拉取?首屏元素空?白、刷新开销对应的优化?方案1. 终端耗时优化：启动流程优化、进程预加载、懒加载、IO异步化、WebView池等2. ?页?面体验优化：图?片?自适应、静态直出3. ?网络请求优化：DNS预解析、离线预推WebView池121空闲预创建onIdleReleasenew WebViewWebView clear2回收复?用nextnextWebView WebViewWeb