3

I have encountered a problem while developing a dashboard which is supposed to run on a Raspberry Pi 3. It is a combination of a HTML5 canvas as background to create visuals and some simple elements with CSS transitions on top of that.

I have noticed very bad performance (low framerate) during the tests on the device itself, which lead me to believe that the canvas was the reason for the drastic fps drop. I temporarily removed it and was surprised, that the performance didn't improve at all.

I have found following post on this forum, which sadly wasn't able to help me but may be valuable for someone reading this: Why is my simple HTML Canvas rendering only 11fps in Chromium a Pi3? (I have tested the answer given by a user but it resulted in even worse frame rate)

Another important thing to mention is that I have a constant symbol of "undervoltage" on the top right corner since I am using a standard micro-USB cable. It's possible that this is the main reason contributing to the poor performance but i have ordered a official power supply and hope to see better results. I will be able to update this post in a few days.

  • Perhaps your code is bad in general? Bad code can run OK on the desktop, but when you're trying to run it on ta considerably less performant platform, your coding is exposed? Without code of course, I'm only speculating – Jaromanda X Aug 3 '18 at 2:26
  • I assumed the same as you did so I made the most simple canvas I could imagine: moving a rectangle by a few pixel every frame, which concluded in equally bad results. I tested other websites with a canvas, same thing. – Loris Sikora Aug 3 '18 at 10:02
  • I received the new power supply today and it improved the performance unbelievably. Still not 100% happy so I will continue to try out things but this has been a big step so far... – Loris Sikora Aug 3 '18 at 10:05

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.