原生技术&内核 - 1 - 刘翔 - 浏览器内核创新技术演进及实践-U4 5.0.pdf

1、浏览器内核创新技术 演进及实践-U4 5.0阿巴巴UC内核研发团队 刘翔 内核技术产品 渲染引擎优化 渲染引擎优化 原的渲染流线-合成负责合成与绘UI做次合成 原的渲染流线-光栅化 渲染优化-混合光栅化 原的渲染流线-合成架构两层合成器的渲染架构 渲染流线优化-直接合成直接合成:只有 Layer Compositor 层的渲染架构，提升合成性能 直接合成的渲染流线CommandBuffer:持进程间的渲染指令传输，复杂有较开销 InRenderer GPU 渲染架构InRenderer GPU:简化渲染流线+节省 CommandBuffer 开销 InRenderer GPU 渲染架构Moti

2、onMark跑分提升3倍，Canvas Images 帧率提升 30%InRenderer GPU 版本基线版本 JS 引擎优化 JS 引擎优化 V8 执 JS 流线 V8 如何优化 JS 性能优化思路：权衡编译与执耗时，增加解析器和编译器提升3-15%提升5-10%UC 优化 JS 引擎思路：原 V8 基础上深度优化Builtins减12.5%，性能提升5-10%提升10-15%UC 优化 JS 引擎思路：提前编译-AOTAOT:持在线成和离线成两种模式，次访问性能提升30%UC 优化 JS 引擎思路三：U4 Snapshot使 U4 Snapshot，可以跳过解析编译执等流程，能幅提升 J

3、S 性能 多媒体优化 原视频播放的问题功能单功能较少，法满户需求体验问题视频播控体验较差，UI 不美观性能问题播放性能较差，缺乏性能优化兼容问题存在较多兼容性和稳定性问题 视频体验优化 多媒体技术-WebRTC H.265 基础技术优化U4 5.0渲染引擎LayoutNGRenderingNGBlinkNGInRenderer 架构直接光栅化适应屏幕排版游戏模式适应系统字体AI 画质多进程SparkplugIgnitionLLVM CompilerU4 Code CacheSHA1 NEONU4 LinkerJSI APIJS引擎直接合成延迟调度混合光栅化JS AOT多媒体技术后台频Isola

4、ted 多进程Browser 进程Renderer 进程GPU 进程TurboFanU4 SnapshotInRenderer GPU 进程窗播放CompassJSICECompassWindVane容器框架络库通资源服务(PARS)U4 络库UNetTNet Web Bundles流式解压增量更新Manifest综合可Nice Monkey：稳定性评测鲁班尺：动化性能评测动化iTrace 监控平台线上监控屏性能指标JS 异常屏异常屏异常错误资源异常API 请求Compass DevTools开发具线调试/动态切核vConsole/erudaNextJSPHA程序NuxtJS缓存命中率崩溃率定义图库定义络库更多增强能安全技术H.265视频混合渲染WebRTC定义下载器WASM Liftoff.Apollo 播放器核技术Lottie 增强定义播放器混合渲染截图增强异步 JS 通道前进后退缓存ANR留存率点击率Web 容器动化测试海鸥实验室：多维度实验诊断Media进程JS OOM 分析JS 卡死检测异常堆栈捕获CPU 兼容优化独堆设计Homo DisableCrashSDKMemhook中央内存管控定义软键盘 Web 安全问题 安全技术：isolated 多进程 核技术U4 小核 :14 MChrome:40+M 核技术总结与展望 性能体验优化体系感谢U4 内核技术公众号