一、Web Compass-端內Web App解決方案揭秘
增強傳統web端內方案,提供更好、更收斂的工程體驗
二、自渲染跨端框架在位元組跳動的實踐與展望
基於Flutter Engine的二次開發
三、Qking:跨端JS引擎的深度探索與突破
- 常見js引擎,如:v8、jsc、quickjs、hermes、jerryscript等對場景支撐不足,qking基於quick.js進行二次開發
- 透過對窺孔最佳化過程中的optimize,減少包體積
引擎除錯方案:虛擬環境、除錯包
四、Flutter線上流暢度監控方案
- 按照重新整理率分類,進行連續刷幀統計
幀耗時=Ceil( ( Raster_end - Vsync ) / Vsync_interval ) * Vsync_interval
五、前端工程化歷程與Turbopack概述
- turbo engine:tokio的排程系統,函式級快取
- turpo pack:延遲執行module graph收集演算法
工程化難題:效率低、依賴管理複雜
六、前端框架對頁面效能的探索和實踐
- 提供實時和可快取的SSR鏈路設計
- 結合SSR Streaming和Server Components,提供雲端研發能力
- early hints特性,對基於標準協議的最佳化,終端融合請求最佳化
效能最佳化思考角度:低成本方案建設、普適化能力組合、多端融合效能突破
七、淘寶人生專屬“小屋”-虛擬角色和虛擬場景技術探索
3d引擎選擇需要考慮場景及對應層級最佳化
八、虛擬製片工業化之路
虛擬化製片,畫面就是資料
九、電商3D購物-自研引擎探索和業務實踐
AceNNR自研3D引擎及業務引擎效能最佳化
十、淘寶直播3D虛擬空間應用探索
雲渲染:以雲端計算的渲染方式,提供互動式的線上影片流
十一、優酷遊戲化互動-街舞雲蹦迪
- 挖洞shader透明化,配合影片區域邊界處理