QCon上海2015-Heron，Hybrid App极限优化解决实施方案-刘恒兵.pdf

《QCon上海2015-Heron，Hybrid App极限优化解决实施方案-刘恒兵.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、HeronHybridApp下监控与极限优化解决方案腾讯高级工程师刘恒兵(河伯)AboutAboutUsIMWeb——http://imweb.io刘恒兵（河伯）——2011年加入腾讯团队开源：https://github.com/imweb/WorkHybridApp下高性能开发Web+H5性能研究跨端开发及性能优化方案研究致力于搭建高可用的前端开发生态系统Web的方案ComplicatedNativeHybridWeb?页面菊花/慢打不开产品体验操作卡顿显示错误资源加载Cache离线包数据localstoragecli

2、ent-local体验性能GPUJs-sdk页面菊花/慢打不开Always显示错误Repeat!操作卡顿产品体验Howtodo?㢑䠉㔘.勢䠉㔘vdauhdv.歖橃1F.2F.3F.VhehQSS㣗棕.Rdqudq⇹.▄.㩢䷐刲惐㡑㙏.BFH叻㨍.㬘ㇰⰒ怆⧟䔨.▉䠜短板效应TimesSpeedEnvironmentNetwork刲冽⇹◷㡨⇗⇹◷⇹◷䄓㪴⇹◷HeronreplayServernlogbadjsLegoReportQ-NativeQ.jsWebClientwebP/sharpP/iconfontReactHero

3、n监控体系2GVSWIFI离线包覆盖率离线更新率Heron视频监控体系㢑䠉㔘.勢䠉㔘vdauhdv.歖橃1F.2F.3F.VhehQSS㣗棕.Rdqudq⇹.▄.㩢䷐刲惐㡑㙏.BFH叻㨍.㬘ㇰⰒ怆⧟䔨.▉䠜短板效应Heron图片优化方案Android2.3Android4.03%6%Android4.2Android4.428%12%Android4.116%iOS20%Android4.315%Mobile40%站点更新雪碧图✓92%图片iconfonticonfont123.6KB9.87KB使用下载Heron脚本优化

4、方案——badjs✴90+业务vs5BG/20BU✴400+Wvs亿万用户BadJS-acceptorBadJS-mq第三方接入系统Badjs-storage接推送浏览器入存储中心中心层Mongodb集群Badjs-web上报组件管理系统BadJS-reporthttps://github.com/BetterJSScriptError.&ScriptError❖允许跨域服务器设置๏浏览器兼容性๏资源访问限制✓Try-Cache包裹解决3%0.6%https://github.com/BetterJSDon'tRepeat

5、YourselfModuleComponentPlatformStructure我们的目的是成长为更牛的系统Kdfn*Ehr2*Gnnj׉gsso9..kdfn-hlvda-hn׊Platformloginconfiginitdocinstallinfo内网源publishsearch开发用户FutureLUAJS-PATCHReact-NativeSemiHybridQ-NativeMore团队官网：http://imweb.io/团队GitHub：https://github.com/imwebBetterjs：http

6、s://github.com/betterjsIconfont：http://iconfont.imweb.io/Heron：https://github.com/herbertliu/heronQ&A团队招聘：herbertliuhb@qq.com公共群：179045421ENDTHANKS