**这是我参与「第五届青训营 」伴学笔记创作活动的第 9天,**跨端技术概述
跨端常见痛点:1、各端功能几乎一致,各端需要单独配置研发人员2、开发、维护成本高3、安卓、ios发版周期长
跨端技术方案目标;1、研发效率高,学习成本低多端一致性高2、用户体验好,稳定性高,性能体验好3、动态化,支持动态化下发,满足日益增长的业务需求
Hybrid方案,基于Webview渲染,通过JS Bridge把一部分动力系统能力开放给JS调用
原生渲染方案;通过JS开发,通过中间层桥接后使用原生组件来渲染UI界面
自渲染方案:利用Skia重新实现渲染管线,不依赖原生组件
小程序方案:使用小程序DSL + JS开发,通过中间层桥接后调用原生能力,使用webview来渲染UI界面
跨端技术方案对比:hybrid方案;优点:开发成本低,CSS全集,一致性好,缺点;性能中等。原生渲染方案:优点:性能好,缺点CSS子集,一致性一般。自渲染方案:优点:性能最好,一致性好,缺点:CSS子集,Dart生态一般,开发成本较高。小程序方案:优点开发成本低,CSS全集,一致性好,缺点:性能较差
小程序性能优化,优化意义:留住用户,提升转化率,提升用户体验
平台指标看板:错误日志,性能体验,自定义分析:小程序加载耗时,取消率,重启率,卡死次数占比,LCP到达率,白屏率,JS影响用户率
优化手段与评分工具
主流跨端技术方案,小程序开发与实践。