What are you using to measure CPU overhead?

[MindGamer]

Very general question here:

 

I'm  in mid-production on the homepage for http://wordmetrics.com and I'm thinking I've probably crossed a line in the sand in terms of CPU overhead.

 

(It's live for now, but it's still a work in progress -- and mobile isn't really well implemented yet, I know)

 

I'm thinking I'll probably start/stop animations on page-scroll levels in order to only animate 1 area at a time, (or move over to Canvas if that doesn't work) but what's the best approach to getting a read on "how much is too much" in terms of overhead?

 

I should probably figure this out before adding another 5 animations to the page!

 

Thanks in advance

 

[Shaun Gorneau]

This reference sums up any advice I could offer.

 

https://developers.google.com/web/tools/chrome-devtools/rendering-tools/

[MindGamer]

Ah, perfect. Thanks.

[Shaun Gorneau]

Glad to help!