# Node-RED dashboard performance across tablets & mobiles

**URL:** <https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330>\
**Category:** Dashboard\
**Created:** [19 July 2020 09:49 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330 "2020-07-19T09:49:30Z")\
**Posts on this page:** 19\
**Page:** 2

<div class="post-metadata">

**Author:** ![fvhemert](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fvhemert/32/20278_2.png) [@fvhemert](https://discourse.nodered.org/u/fvhemert)\
**Post date:** [21 July 2020 14:17 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/21 "2020-07-21T14:17:25Z")

</div>

Thank you all for the great input and many replies. I believe I got some _learn, fail, trial, error and hopefully succeed ahead_, would love to learn the skills to build my own dashboards using UI builder, now the only challenge left is to find some time :).

Keep the information coming, would love to learn about some good instruction video's that talk me through the basics.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [21 July 2020 20:38 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/22 "2020-07-21T20:38:17Z")

</div>

> [@fvhemert](#):
>
> would love to learn about some good instruction video's that talk me through the basics.

Ah, talking of time. There is another thing I've never found time to produce.

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [22 July 2020 19:23 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/23 "2020-07-22T19:23:52Z")

</div>

Ok, so I setup my first ever, brand new Pi 4 4GB and the results so far have been interesting.

My 6 yo desktop, which was never top of the range, but has an i5 processor does most things much faster in Node-Red than the wee little Pi.

I thought given the age of my desktop that the Pi might be snappier.

However, a lot of the issues I had with performance have gone away... ok, let me explain.

The performance itself, is actually very similar when opening the dashboard from my old iPad Pro, however from my Pixel 3A the page takes about 8 seconds to load (for the one and only dashboard that I have loaded onto the Pi), but I don't get any issues thereafter... it just works!!!

On the other hand, the desktop version does not work at all on m Pixel. Well, in fact, I don't have the patience to really find out. After waiting a while I usually give up, as it's pointless at that stage.

I wonder why the Pi does better at hosting the pages vs the desktop... I also wonder if I had a new PC whether all these issues would go away... hmmm.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [22 July 2020 20:24 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/24 "2020-07-22T20:24:08Z")

</div>

What OS are you running on the PC and how did you install node-red?

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [22 July 2020 20:47 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/25 "2020-07-22T20:47:33Z")

</div>

Windows 10.

Install was the only way I know. Downloaded the install file from the node-red site.

I'm thinking I'll do all dev on my pc and only migrate to pi for prod.

Works for me.

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [31 July 2020 20:49 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/26 "2020-07-31T20:49:50Z")

</div>

Ok, so the fun continues.

I have done quite some testing and tuning, mostly to great success, and yet I have the following very odd situation:

- If I connect to my Pi, which is running Node-RED, via my PC to view my dashboards, the performance is fantastic.

- If I connect to my dashboards from the Pi running Node-RED, the dashboards fall over... appallingly bad performance... how can this be possible?

I'm connecting using Chrome and the PC and Chromium on the Pi.  
I really don't know where to look anymore.

In the end I might just buy a 2nd Pi to connect to the 1st Pi (which is what I planned anyway) and hope that the performance on the 2nd Pi is similar to my PC.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [31 July 2020 21:02 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/27 "2020-07-31T21:02:30Z")

</div>

What do you see running `top` on the pi when you run node-red and the browser in the pi and access the dashboard?  
What sort of pi is it?

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [31 July 2020 21:30 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/28 "2020-07-31T21:30:33Z")

</div>

Top confirms what I am experiencing.

CPU at \<10% when Node-RED running on Pi 4 with 4GB ram. I think I saw RAM at a total usage of 700MB once, but usually it hovers around 500MB with Node-RED running.

 ![Node-red running](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/3/43ee596f21fa8547a982544a382bbe4164b2dd80.jpeg)

CPU \>100% when accessing dashboard from Pi

 ![Accessing dashboard from Pi](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/f/5f013aab76797fc18ecb5e80f9e117d260ab0028.png)

CPU around 10% when accessing dashboard from PC and doing nothing with the dashboard ie. not mouse clicks

 ![Accessing dashbaord from PC nothing happening](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/8/e8adf4839ee20afb99b6b418decc93b4e3f5b6c4.jpeg)

CPU \>10% and saw it jump for few seconds to 30% when moving from one flow to another

 ![Accessing dashboard from PC changing flows](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/1/81a76aef3bdce726366e98ec1934ca88fa4af3b8.jpeg)

I hope the pictures uploaded in the right order 🙂

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [31 July 2020 21:33 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/29 "2020-07-31T21:33:15Z")

</div>

The performance on the PC is amazing!

If only I could replicate it on the Pi....

BTW, I don't understand how the CPU can be reporting \>100%.... I'm sure there's a good explanation.

---

<div class="post-metadata">

**Author:** ![JGKK](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jgkk/32/18515_2.png) [@JGKK](https://discourse.nodered.org/u/JGKK)\
**Post date:** [31 July 2020 21:50 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/30 "2020-07-31T21:50:15Z")

</div>

The 100% is misleading in top or htop. It’s actually in the context of 1 core so a 4 core processor can go up to 400% load.  
The high cpu loads you see is probably because the client side code of the dashboard is quite heavy as the libraries that nodered dashboard use are not the most light weight thing there is so especially if you have a lot of charts whichever machine the browser runs on which runs this client side code will have in pi terms have to do some heavy lifting.  
So using a second pi will give you high loads on that one as the client side code will than run in the browser there. I think this has also to do with how optimized or not chromium is on the pi.  
The server side code of nodered which runs on which ever pi nodered is installed on will take have much less impact in the equation of cpu load when running the dashboard.

Johannes

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [31 July 2020 22:13 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/31 "2020-07-31T22:13:06Z")

</div>

Ok, so is there a better browser than Chromium to view the dashboard on the Pi?  
I couldn't care less how I access the dashboard from the Pi as long as it works.

I also guess from what you are saying that the Pi cannot use more than 1 CPU for Chromium, else it would go over 100% and presumably the dashboard would work, rather than freeze up?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [1 August 2020 07:08 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/32 "2020-08-01T07:08:45Z")

</div>

Do you mean that the dashboard never appears on the pi? It may take a little while but should appear eventually. Once loaded I would expect the performance to be ok. If you get a message that it is not responding then tell it to keep waiting.

If it never loads have a look in the Developer Console in the browser and see if it says anything helpful.

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [1 August 2020 08:46 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/33 "2020-08-01T08:46:12Z")

</div>

It loads eventually (30 to 60 seconds later, not acceptable). but then does not work.

Multiple button presses or won't even allow a button press.

I'll check the developer console but not sure i know what I'm looking for.

I'm near giving up and just using a small pc to run my dashboards.

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [1 August 2020 08:58 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/34 "2020-08-01T08:58:52Z")

</div>

OK, another question, does a ui\_template load quicker than a ui\_button and ui\_text node, when the ui\_template is configured to do the same thing as the button or text node?

I'm tending to qualitatively think it should, but I'd love to hear from those in the know.

If it does then I'll change all my nodes to templates. Every little helps.

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [7 August 2020 16:12 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/35 "2020-08-07T16:12:39Z")

</div>

Anyone have a view?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [7 August 2020 16:27 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/36 "2020-08-07T16:27:55Z")

</div>

I don't think it will make a measurable difference.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [8 August 2020 07:50 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/37 "2020-08-08T07:50:39Z")

</div>

In fact I suspect standard widgets will be better than template, as for a widget I imagine the code is only downloaded once and each instance just has to be parametrised, whereas for a template they are going to have be individually downloaded, I assume.

---

<div class="post-metadata">

**Author:** ![alex88](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/alex88/32/55523_2.png) [@alex88](https://discourse.nodered.org/u/alex88)\
**Post date:** [9 August 2020 14:12 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/38 "2020-08-09T14:12:26Z")

</div>

Thanks. That's very helpful.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [8 September 2020 14:12 UTC](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330/39 "2020-09-08T14:12:38Z")

</div>

Closed on 8 September 2020 14:12 UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

[Previous page](https://discourse.nodered.org/t/node-red-dashboard-performance-across-tablets-mobiles/30330.md?page=1)