6
クロムのrequestAnimationFrameを使用して、raphaelでシンプルなビューボックスアニメーションを実行しています。私はすべてのスクリプティングとレンダリングのタスクが完了していることに気づいていますが、私はまだ30〜60msの "デッドスペース"を見ています。これについての洞察？
A
答えて
2
私はこの質問に同じ回答を探していましたが、誰も回答を得られなかったようですが、ここに私が見つけたものがあります。
the Chrome DevTools documentation about the Clear and Light Grey Frameによれば、空白はブラウザがアイドルだった時間です。
なぜアイドルですか？
短いバージョンでは、中空のフレームとは、Chrome Dev TeamがDevToolsに表示していなかった他のものを実行しているか、GPUでボトルネックになっていたかの2つのうちの1つを意味します。
差分を伝えるには、DevToolsの設定内で「タイムライン：ルーラーでCPUアクティビティを表示」を有効にすることができます（右下隅のコグ）。
は、 "レコード" の行に少し暗い灰色のブロックを参照してください：
あなたはこのようなもので終わるのだろうか？レンダラスレッドがビジーだったときは暗いです。レンダラスレッドが大部分がアイドルである場合、例えば、暗いブロックはありません。この投稿のために取り上げたスクリーンショットのように、あなたがGPUにバインドされているということは非常に良い信号です。
+0
あなたが提供した写真のような暗い灰色が、それが何であるかを見つける方法があれば？ – Yamiko
0
ここでは、ChromeエンジニアのNat Ducaの説明があります。
何が原因で空白が発生したのか分かりませんでしたか？似たようなものが見えていますが、アクティビティバーも最初から空白の枠を通って部分的に始まります。 – Stuart