Weex 架构简介和性能优化实战.pptx

上传人(卖家):无敌的果实 文档编号:5271757 上传时间:2023-03-04 格式:PPTX 页数:32 大小:1.98MB
下载 相关 举报
Weex 架构简介和性能优化实战.pptx_第1页
第1页 / 共32页
Weex 架构简介和性能优化实战.pptx_第2页
第2页 / 共32页
Weex 架构简介和性能优化实战.pptx_第3页
第3页 / 共32页
Weex 架构简介和性能优化实战.pptx_第4页
第4页 / 共32页
Weex 架构简介和性能优化实战.pptx_第5页
第5页 / 共32页
点击查看更多>>
资源描述

1、Weex 架构简介和性能优化实战https:/ DOMiOSRenderEngineAndroidRenderEngineH5RenderEngineiOS UIAndroid UIH5 UI简明架构图ServerWeex File)JS BundletransformerdeployServerJSJS FrameworkJSCore/V8JS-Native BridgecallJs callNativeiOSRenderEngineAndroidRenderEngineH5RenderEngineClientDSLJS-BundleJS&Native 通信协议Native Render性能

2、优化实践网络渲染:秒开问题与挑战 1、JS bundle下载慢(压缩后60k,NetworkTime800ms)2、JS和Native通信效率低,拖慢加载时间 3、长页面VDom渲染时间慢,占首屏时间40%左右 4、JSThread过于繁忙(Json解析&反射调用)5、JS Task无法抢占执行,导致新页面打开慢 6、复杂页面滚动帧率低的问题Weex TimeLine网络下载(50%)JS&Native通信(25%)渲染(25%)Spdy 优化并发增强反射&GC粒度控制图片策略源文件压缩http-cache即时中断opacity 1预 0 0加(载)100(20屏)Cell 2:4Cell 2

3、:nOpacity 属性问题解决方案:setLayerType(View.LAYER_TYPE_HARDWARE,null);优化效果:38帧55帧Text优化优化前(文字被截断)优化后(正常渲染)Text优化高频通信接口上浮,减少中间数据转化消耗,加载性能平均提升15%Measure和Draw使用了同一个对象,避免了额外的对象创建,预计提升10%左右最佳实践 1、dom 数量多会严重影响性能,因此必须尽可能减少同时间产生过多的 dom;2、长列表建议使用list,每个Cell尽量拆分;3、使用 list+loadmore 方式实现长列表分页加载;4、实现tab切换功能的时候,注意lis t标签的个数;5、点击跳转的场景建议使用 a 标签而不是透过 onclick绑定的方式跳转。Q&A

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 办公、行业 > 常用办公文档
版权提示 | 免责声明

1,本文(Weex 架构简介和性能优化实战.pptx)为本站会员(无敌的果实)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!


侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|