電子アプリCSSアニメーションの性能問題

Question

電子アニメーションの中でCSSアニメーションを使用しています。私は、CPUの使用率が147パーセント

あるしかし、私はこれらの行をコメントする場合

-webkit-animation: progress-indef 1s linear infinite; 
      animation: progress-indef 1s linear infinite; 

CPU使用率が13％で有効にアニメーションでアプリを開くと
https://codepen.io/anon/pen/KvbVYV

：ここでは、コードです-40％のみ。

シンプルなCSSアニメーションを追加することで、CPU使用率が100％増加する理由を理解できません。誰も過去に同じ問題に直面しましたか？ 電子の構成に何か設定する必要はありますか？

ありがとうございます。

Answer 1

infiniteは、連続して呼び出し、プロセスは決して終了しないプロセスです。それでは、常に3％〜5％の追加CPUしかかかりません。しかし、あなたが100％以上のハイキングに直面しているとき、私はそこにこれを引き起こす他のプロセスがあると感じています。