When I open the frontend in Google Chrome and set the Preact Developer Tools extension to highlight all component redraws, I see that all the LargeValueInfo components are constantly being redrawn, even when the data hasn't changed. This is because of the way we implemented the HFNC dashboard layout as returning a bunch of LargeValueInfo components, rather than returning containers (i.e. LargeValueInfo components which were connected to selectors using react-redux's connect). I'm not sure this is the main reason the frontend uses so much single-core CPU on the RPi (often above 100%), but in the past we found that this was definitely a major contributing factor in wasting CPU. We need to fix this.
When I open the frontend in Google Chrome and set the Preact Developer Tools extension to highlight all component redraws, I see that all the
LargeValueInfocomponents are constantly being redrawn, even when the data hasn't changed. This is because of the way we implemented the HFNC dashboard layout as returning a bunch ofLargeValueInfocomponents, rather than returning containers (i.e.LargeValueInfocomponents which were connected to selectors usingreact-redux'sconnect). I'm not sure this is the main reason the frontend uses so much single-core CPU on the RPi (often above 100%), but in the past we found that this was definitely a major contributing factor in wasting CPU. We need to fix this.