2020年11月10日火曜日

ChromeのCanvasアニメーションの動きが重い

ChromeでCanvasのアニメーションが、とても遅くてカクカクとしか動かない。

どうにも動作が遅いので、調査したところ以下の設定をEnabledにしてやると問題ないレベルで滑らかに動作するようになった。

ChromeのURL欄に chrome://flags/ と入力すると以下のような画面が現れる。


以下の4つをEnabledにした。

  • Override software rendering list
  • GPU rasterization
  • Out of process rasterization
  • Zero-copy rasterizer

とりあえず解決されてよかったですが、この現象が発生しているのは古めのPCで、何が原因で遅くなってしまったかが不明です。