腾讯Kuikly框架核心技术解析-王晨光.pdf

1、2026.03.24阿 巴巴 全球总部 _访客中中国杭州 HANGZHOU CHIA腾讯Kuikly框架核技术解析2026.03主会场演讲嘉宾王晨光（腾讯）跨端技术专家，Kuikly&Hippy Maintainer Kuikly框架的诞之路1 Kuikly核技术原理解析2 AI时代下从研DSL到ComposeDSL的探索3OpenClaw+Kuikly 全动成原型App Kuikly框架的诞之路1跨端框架性能优化的发展历程跨端发展现状主流跨端案：各有优势，但也有痛点业务跨端诉求不断增强React Naive：态好、动态化强，但JS First、容易触碰性能天花板 Flutter：Skia绘、

2、性能好，但包体、动态化缺失 CMP：动态化能、iOS/Web平台不够成熟、缺少鸿蒙平台持鸿蒙平台：终端设备已超 1700W，业务需要快速、低成本地站式适配 程序：程序流量巨，希望复能到程序侧，覆盖更多户 开发提效：降低开发成本，提升研发效率，把精放在快速上线和产品迭代上跨端期望态 丰富极致 性能平台 完备动态 更新简单 易选型KMP技术栈的原因 强类型与现代化：Kotlin技术栈，静态类型、安全、现代语法，程体验良好。原级性能：KMP 直接编译为各端进制库，JS VM/Bridge 额外开销，性能上限接近原。天然跨端能：套代码可同时产出 Android/iOS/桌/Web 等多端产物，为码多端

3、打基础。动态化潜在可能：Kotlin/JS能，保留了JS动态化案的可能KMP技术契机带来新代跨端框架可能以KMP为核，兼顾跨平台与动态化的性能UI框架 内置模式1 动态化模式2追求极致体验，可以使内置模式，直接跑进制产物，享受和原级别的性能需要灵活运营，可以切换动态化模式，通过加载 Dex 或 JS 来运；性能表现依然处于同类动态化案的前沿Kuikly整体架构与设计思路1.UI怎么写？保持简洁、声明式、响应式更新Kotlin 是命令式语，如何在不牺牲性能的前提下，实现类 似SwiftUI、Compose的性能声明式语法？5.怎么？具链持性能分析、Debug效率、质量监控、堆栈还原等众多辅助具链

4、，如何建设？期望能复原、或者kotlin具链4.怎么渲染？原渲染 vs skia绘制？原渲染：体验优、性能佳、包体积，但如何做好平台致性？Skia渲染：致性、包体、难对原体验3.怎么动态化？Kotlin与Native之间的隔离与通信难点：Kotlin 需要可独编译成 JS产物，如何做好kotlin与native之间的通信与编译隔离？2.怎么分层？核跨端层：厚KMP、薄Native层核的布局、组件、Dom树、Diff、局部刷新、动画、势等等逻辑，哪些适合放到Kotlin侧实现，哪些适合下沉到Native？Kuikly核技术解析2研DSL设计 从命令式语法糖到声明式原渲染层 重新思考，重KMP、轻

5、Renderer渲染原理：从简单的HelloWorld来看UI渲染过程性能优先 精准diff刷新原理鸿蒙平台从ArkTS到性能CAPIArkTS版本遭遇性能瓶颈：滑动掉帧屏getHashCode 耗时问题 序列化耗时问题 组件复问题 多属性更新效率问题跨worker数据传输 Js语效率瓶颈ArkUI构建 Vsync上屏布局渲染Kotlin/JS-Kotlin/Native ArtTS-CAPIKuikly性能数据分享数据来源：鸿蒙平台某测试场景性能对Android、iOS 平台屏耗时与内存增量对Kuikly VS 原 从研DSL到ComposeDSL的新探索3进步演进，探索持Compose D

6、SL持案选型：取补短、优势融合Kuikly Compose 最终架构案渲染树对接 基于定义Applier 同构渲染树渲染核从Canvas/Skia到原ViewKuikly 动态化改造 逻辑分层，编译隔离业务落地：腾讯内部泛使，业界开源加速落地机QQ腾讯视频QQ浏览器腾讯新闻搜狗输法应宝全K歌腾讯告QQ乐腾讯选股微视天美电竞酷狗乐道聚城腾讯理财通懒听书QQ安全中酷我乐QQ同步助start云游戏(TV)腾讯内部 20+App、2000+业务 在使Kuikly框架，满众多场景下的各