Clockと動画を単一Canvasにまとめていた頃の値を残していたので、統合前のボトルネックを表にした。midori242で分割する理由が一目で分かる。
| 処理 | 平均(ms) | 最大(ms) | 備考 |
|---|---|---|---|
| updateClock() 内のSVG描画 | 17.9 | 29.4 | 動画フレームの上にSVGを重ねているため、描画順が固定。 |
| createInteractivePlane() | 4.6 | 7.2 | 初回のみ実行。二度目以降は既存Canvasを返す。 |
| animationCallbacks 合計 | 12.8 | 20.5 | Clock + Sphere のみ。VideoDisplayが存在しないため余裕あり。 |
| CSS3D moveComponentToFront() | 1.8 | 3.5 | 距離計算後に controls.target を更新。portrait補正なし。 |
OffscreenCanvasと動画を一枚にまとめる方式は簡単だが、ClockDisplayをクラス化しない限り、クリックやカラーテーマ変更の拡張が難しい。この値がmidori242の分離作業の後押しになった。