Upgrade to Pro — share decks privately, control downloads, hide ads and more …

趣味でつくる​ アバター×アバター​ マッチングアプリ~Performanceチューニング編~​

BOXP
June 12, 2019

趣味でつくる​ アバター×アバター​ マッチングアプリ~Performanceチューニング編~​

VRCLT #2 用です

BOXP

June 12, 2019
Tweet

More Decks by BOXP

Other Decks in Technology

Transcript

  1. Webアプリ 4つの側面 (RAILモデ ル) • Response: ユーザーの入力に対する応答中の状態 • Animation: アニメーション再生中の状態

    • Idle: ユーザーの入力を待機している状態 • Load: コンテンツ読み込み中の状態 引用元: RAIL モデルでパフォーマンスを計測する https://developers.google.com/web/fundamentals/performance/rail
  2. 快適な パフォーマンス の目安 •100ミリ秒以内の応答 •これよりも遅いと操作と反応のズレを感じる Response •10ミリ秒以内に画面をレンダリング •1000ms / 60fps

    - ブラウザによるレンダリング時間 (約6ms) =約10ms Animation •アイドル時間を利用したタスク分担 •100ミリ秒以上かかる処理はアイドル時間まで後回 し •ユーザー入力へのレスポンスが最優先 Idle •読み込みは1000ミリ秒以内に •1000ミリ秒より長いとユーザーの集中力が切れて しまう Load ※Google調べ