60fps 版面配置與算繪

專案中的 60 fps 與使用者參與度直接相關,是他們成功的重要關鍵。在這場談話中,Nat 和 Tom 談到 Chrome 的轉譯管道,而且是導致影格出現的常見原因和避免方式。

簡報

  • 影格長度為 16 毫秒。其中包含 JavaScript、樣式計算、繪畫和合成。
  • 繪圖的成本「非常」高。「顏料風暴」是多餘的重複繪製顏料。
  • 圖層可用來快取繪製的元素。
  • 輸入處理常式 (觸控式和滑鼠滾輪事件監聽器) 可能會終止回應;如果可以的話,請避免使用。讓這些團隊面臨的困境。