《原生技術&內核 - 1 - 劉翔 - 瀏覽器內核創新技術演進及實踐-U4 5.0.pdf》由會員分享,可在線閱讀,更多相關《原生技術&內核 - 1 - 劉翔 - 瀏覽器內核創新技術演進及實踐-U4 5.0.pdf(34頁珍藏版)》請在三個皮匠報告上搜索。
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 內核技術公眾號