# Animated styles utilizing high CPU

**URL:** <https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 30, 2024, 4:12pm UTC](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152 "2024-05-30T16:12:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\
**Post date:** [May 30, 2024, 4:12pm UTC](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152/1 "2024-05-30T16:12:05Z")

</div>

I have a Perspective Workstation client running a project which has a view that has 4 indicators on it which have an animated style applied to each of them which cause them to flash from one color to another. My client is an On-Logic CL-250 which has a Quad-Core Intel Celeron J3455 processor in it and it is running Ubuntu 20.04. When these 4 indicators have this animated style applied to them my CPU usage runs up to 50-60%. Is there anything I can do about this outside of upgrading my client? If the style is not applied my client only runs 10% CPU. My Ignition version is 8.1.36 as well if that matters at all. I have never seen this before so I was just curious if anyone has ran into something similar.

---

<div class="post-metadata">

**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\
**Post date:** [May 30, 2024, 4:14pm UTC](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152/2 "2024-05-30T16:14:05Z")

</div>

Is the performance any better if you run it in Chrome instead of Workstation?

---

<div class="post-metadata">

**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\
**Post date:** [May 30, 2024, 4:17pm UTC](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152/3 "2024-05-30T16:17:17Z")

</div>

Looks like it runs between 40 -50% in Firefox, I don't have Chrome on this client but I can get it if that may help the solution.

---

<div class="post-metadata">

**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\
**Post date:** [May 30, 2024, 4:18pm UTC](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152/4 "2024-05-30T16:18:35Z")

</div>

Just curious. Workstation and Chrome performance should be relatively similar, except that the version of Chromium embedded Workstation is lagging way behind at this point.

I'm not sure I'll be much help here, somebody familiar with the browser profiling tools might need to look at it to see if anything can be improved or not.

---

<div class="post-metadata">

**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\
**Post date:** [May 30, 2024, 4:20pm UTC](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152/5 "2024-05-30T16:20:29Z")

</div>

No problem thank you.

---

<div class="post-metadata">

**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\
**Post date:** [August 19, 2024, 5:33pm UTC](https://forum.inductiveautomation.com/t/animated-styles-utilizing-high-cpu/91152/6 "2024-08-19T17:33:11Z")

</div>

> [@Perspective built-in Symbol Animations High CPU](https://forum.inductiveautomation.com/t/perspective-built-in-symbol-animations-high-cpu/45637/7):
>
> Support reminded me that you can "dumb" down animations by limiting the steps, for example, .ia\_symbolComponent--failedToOpen.ia\_valveSymbolComponent--valve-2-way { animation-timing-function: steps(2,end); } A value of 2 is just a simple blink, which is all I really wanted anyways. Playing with this drastically impacted the client CPU usage.

Just in case anyone comes onto this thread searching for answers. The style sheet editing at the end of this linked thread is what helped me. This brought my usage down from 40% to 10%.
