第十七屆D2大會(I)

野林發表於2022-12-18

一、Web Compass-端內Web App解決方案揭秘

f01c10717ccff6b5080fd9f8c3cf91d.png
8f5cd23e7d1022839b37b43bdad35ca.png

  • 增強傳統web端內方案,提供更好、更收斂的工程體驗

    二、自渲染跨端框架在位元組跳動的實踐與展望

    image.png
    image.png

  • 基於Flutter Engine的二次開發

    三、Qking:跨端JS引擎的深度探索與突破

    1671244536585.jpg

  • 常見js引擎,如:v8、jsc、quickjs、hermes、jerryscript等對場景支撐不足,qking基於quick.js進行二次開發

image.png
image.png

  • 透過對窺孔最佳化過程中的optimize,減少包體積

image.png

  • 引擎除錯方案:虛擬環境、除錯包

    四、Flutter線上流暢度監控方案

    image.png

  • 按照重新整理率分類,進行連續刷幀統計
  • 幀耗時=Ceil( ( Raster_end - Vsync ) / Vsync_interval ) * Vsync_interval

    五、前端工程化歷程與Turbopack概述

    image.png
    image.png

  • turbo engine:tokio的排程系統,函式級快取
  • turpo pack:延遲執行module graph收集演算法
  • 工程化難題:效率低、依賴管理複雜

    六、前端框架對頁面效能的探索和實踐

    image.png
    image.png
    image.png

  • 提供實時和可快取的SSR鏈路設計
  • 結合SSR Streaming和Server Components,提供雲端研發能力

image.png
image.png

  • early hints特性,對基於標準協議的最佳化,終端融合請求最佳化
  • 效能最佳化思考角度:低成本方案建設、普適化能力組合、多端融合效能突破

    七、淘寶人生專屬“小屋”-虛擬角色和虛擬場景技術探索

    image.png
    image.png
    image.png

  • 3d引擎選擇需要考慮場景及對應層級最佳化

    八、虛擬製片工業化之路

    image.png
    image.png

  • 虛擬化製片,畫面就是資料

    九、電商3D購物-自研引擎探索和業務實踐

    image.png
    image.png
    image.png

  • AceNNR自研3D引擎及業務引擎效能最佳化

    十、淘寶直播3D虛擬空間應用探索

    image.png
    image.png

  • 雲渲染:以雲端計算的渲染方式,提供互動式的線上影片流

    十一、優酷遊戲化互動-街舞雲蹦迪

    image.png

  • 挖洞shader透明化,配合影片區域邊界處理

相關文章