Elektron App CSS Animation Leistung Problem

Question

Ich benutze CSS-Animation in Elektronen App. Hier ist der Code:
https://codepen.io/anon/pen/KvbVYV

Wenn ich die App mit der Animation öffnen aktiviert die CPU-Auslastung ist 147%

Aber wenn ich diese Zeilen Kommentar

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

Die CPU-Auslastung liegt bei 13% -40% nur.

Ich bin nicht in der Lage, herauszufinden, warum die CPU-Auslastung um 100% erhöht wird, indem Sie eine einfache CSS-Animation hinzufügen. War jemand in der Vergangenheit mit dem gleichen Problem konfrontiert? Muss irgendetwas in der Elektronenkonfiguration eingestellt werden?

Vielen Dank im Voraus.

Answer 1

infinite ist ein Prozess, der ständig aufrufen, und der Prozess wird nie beendet. Es dauert also immer nur 3% - 5% zusätzliche CPU. Aber da Sie mit mehr als 100% Wanderung konfrontiert sind, denke ich, dass es einen anderen Prozess geben wird, der dazu führt.