最近、スムーズ スクロールとパララックスを使用するアプリケーションを作成しました。しかし、私のウェブサイトは非常にぎくしゃくしていることがわかりました。プロセスをプッシュして、使用するリソースを減らし、フレーム レートを 60 FPS 未満にすることができます。しかしそれでも、Google タイムラインに白いバーが表示されるため、アニメーションがぎくしゃくしてまったく役に立たなくなります。
クロム上のこの白いバーの意味は何ですか?
最近、スムーズ スクロールとパララックスを使用するアプリケーションを作成しました。しかし、私のウェブサイトは非常にぎくしゃくしていることがわかりました。プロセスをプッシュして、使用するリソースを減らし、フレーム レートを 60 FPS 未満にすることができます。しかしそれでも、Google タイムラインに白いバーが表示されるため、アニメーションがぎくしゃくしてまったく役に立たなくなります。
クロム上のこの白いバーの意味は何ですか?
薄い灰色は計測されていない時間を意味します: ブラウザは動作していますが、何が起こっているのか不明です。
クリアはアイドル時間: 次のフレームなどを待っています。
参照: https://developers.google.com/chrome-developer-tools/docs/timeline#frames_mode