# Dashboard slow to load

**URL:** <https://discourse.nodered.org/t/dashboard-slow-to-load/84993>\
**Category:** Dashboard\
**Created:** [28 January 2024 17:05 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993 "2024-01-28T17:05:53Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![TheSaltydog](https://avatars.discourse-cdn.com/v4/letter/t/47e85d/32.png) [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Post date:** [28 January 2024 17:05 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/1 "2024-01-28T17:05:53Z")

</div>

I have a quite large Dashoard (13 tabs, full of controls) and it is very slow upon starting/loading. After then, operations are normal.

I was watching at the "Network" tab in the browser's developer windows and I noticed that it took more than 7 seconds to load this css:

```auto
CSS for https://www.<my-domain>:1880/ui/css/app.min.less generated in 7750ms
Less has finished. CSS generated in 7750ms

```

Is there any way to expedite Dashboard loading?

---

<div class="post-metadata">

**Author:** ![ghayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ghayne/32/39_2.png) [@ghayne](https://discourse.nodered.org/u/ghayne)\
**Post date:** [28 January 2024 17:14 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/2 "2024-01-28T17:14:30Z")

</div>

Where are you running node-red? On a Pi?

---

<div class="post-metadata">

**Author:** ![TheSaltydog](https://avatars.discourse-cdn.com/v4/letter/t/47e85d/32.png) [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Post date:** [28 January 2024 17:14 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/3 "2024-01-28T17:14:57Z")

</div>

Yes, Raspberry Pi3B+ (bookworm)

---

<div class="post-metadata">

**Author:** ![ghayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ghayne/32/39_2.png) [@ghayne](https://discourse.nodered.org/u/ghayne)\
**Post date:** [28 January 2024 17:15 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/4 "2024-01-28T17:15:48Z")

</div>

Are you accessing the dashboard from a remote machine or using the Pi's local browser?

---

<div class="post-metadata">

**Author:** ![TheSaltydog](https://avatars.discourse-cdn.com/v4/letter/t/47e85d/32.png) [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Post date:** [28 January 2024 17:16 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/5 "2024-01-28T17:16:22Z")

</div>

From a remote machine. The Pi is headless.

---

<div class="post-metadata">

**Author:** ![ghayne](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ghayne/32/39_2.png) [@ghayne](https://discourse.nodered.org/u/ghayne)\
**Post date:** [28 January 2024 17:18 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/6 "2024-01-28T17:18:21Z")

</div>

> [@TheSaltydog](#):
>
> The Pi is headless.

That's good. I cannot help any further as I don't use the dashboard. Others here will be able to help though.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [28 January 2024 17:36 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/7 "2024-01-28T17:36:50Z")

</div>

What do you have displaying on the dashboard? Any Graphs? If so how many and how many points on the graphs?

---

<div class="post-metadata">

**Author:** ![TheSaltydog](https://avatars.discourse-cdn.com/v4/letter/t/47e85d/32.png) [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Post date:** [28 January 2024 17:45 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/8 "2024-01-28T17:45:14Z")

</div>

No, just 1 graph. Mainly ui-switches, text, buttons, gauges, level and leds.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [28 January 2024 17:49 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/9 "2024-01-28T17:49:40Z")

</div>

1. What model pi? Never mind this I see you mentioned it previously
2. what is are you running? and never mind this
3. are you using docker or HomeAssitant?

Can you provide the flow?  
In order to make code readable and usable it is necessary to surround your code with three backticks (also known as a left quote or backquote `````)

````auto
``` 
   code goes here 
```

````

You can edit and correct your post by clicking the pencil ✏ icon.

See this post for more details - [How to share code or flow json](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506)

---

<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:** [28 January 2024 17:49 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/10 "2024-01-28T17:49:44Z")

</div>

What machine are you running the browser on?

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [28 January 2024 17:58 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/11 "2024-01-28T17:58:45Z")

</div>

Dashboard is heavy. And there's nothing you can do about it.  
I haven't had time to stress test the new dashboard 2.0 but as technology behind it is modern I do believe there is improvements.  
But if performance is important, one and only option is to make it from scratch.

---

<div class="post-metadata">

**Author:** ![TheSaltydog](https://avatars.discourse-cdn.com/v4/letter/t/47e85d/32.png) [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Post date:** [28 January 2024 19:37 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/12 "2024-01-28T19:37:05Z")

</div>

> [@zenofmud](#):
>
> Can you provide the flow?

The code? The full code of the whole project? 13 dashboard's tabs?

> [@zenofmud](#):
>
> See this post for more details

I know how to do this...

---

<div class="post-metadata">

**Author:** ![TheSaltydog](https://avatars.discourse-cdn.com/v4/letter/t/47e85d/32.png) [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Post date:** [28 January 2024 19:38 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/13 "2024-01-28T19:38:10Z")

</div>

> [@Colin](#):
>
> What machine are you running the browser on?

Many.

- Mac
- Linux  
-iOS and Android

it is not machine-dependant. Always slow load

---

<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:** [28 January 2024 20:10 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/14 "2024-01-28T20:10:51Z")

</div>

> [@hotNipi](#):
>
> But if performance is important, one and only option is to make it from scratch.

Well, not quite 😉

There is always UIBUILDER which might help.

> [@TheSaltydog](#):
>
> The code? The full code of the whole project? 13 dashboard's tabs?

The downside of Dashboard is that, while it is VERY fast and easy to get going, like most frameworks, there is a cliff-edge. Beyond that point, the framework often gets in the way more than it helps.

This, of course, can be hard to predict in advance.

In addition, the generic nature of Dashboard 1 means that it will always be a heavyweight, transferring many things that you may never use.

So as a general rule, if building a complex web app, think carefully about not only the starting point but ways to optimise as you go along.

For example, does your app really NEED to be all in the same page (Dashboard 1 is a single-page app). Or could some elements be moved to other pages delivered more efficiently. Depending on the nature of things, you might be able to use UIBUILDER for some parts perhaps?

The nice thing about web apps with Node-RED is that it is possible to use different tools and work them together.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [28 January 2024 21:10 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/15 "2024-01-28T21:10:09Z")

</div>

Well here is another idea,  
Disable a tab and do a deploy and test the dashboard loading.  
If there is no change disable another tab and deploy and test the dashboard loading again.

Keep disabling tabs until you see a change then enable the first tab you disable and deploy and test.  
if things look fine add each tab back in and check the dashboard out.

Doing this you might find which is causing the slowdown or you may find it is just an accumulation of the amount of data you are pushing to the dashboard.

With out your flow, all we can do is guess as to what the issue may be.

---

<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:** [28 January 2024 21:34 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/16 "2024-01-28T21:34:18Z")

</div>

> [@TheSaltydog](#):
>
> just 1 graph

How many lines on the chart, what is the update rate of adding data and what timescale is the chart over?

---

<div class="post-metadata">

**Author:** ![TheSaltydog](https://avatars.discourse-cdn.com/v4/letter/t/47e85d/32.png) [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Post date:** [29 January 2024 08:58 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/17 "2024-01-29T08:58:59Z")

</div>

> [@Colin](#):
>
> How many lines on the chart, what is the update rate of adding data and what timescale is the chart over?

I think the only chart could not be a problem. It is an array of 288 values and updated every 10 minutes. And the issue is only at dashboard first load. As you can see in my first post, that css file takes more than 7 seconds to load.

When do you think I could give Dashboard 2 a chance?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [29 January 2024 09:07 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/18 "2024-01-29T09:07:49Z")

</div>

> [@TheSaltydog](#):
>
> When do you think I could give Dashboard 2 a chance?

Any time you want.

# [Dashboard 2.0 is now Generally Available](https://discourse.nodered.org/t/dashboard-2-0-is-now-generally-available/84913)

---

<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:** [29 January 2024 10:15 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/19 "2024-01-29T10:15:49Z")

</div>

You said you see 'CSS generated in 7750ms' in the Network tab in the browser tools, but that should be in the Console tab. It would be interesting to see what the Network tab does show in case the page fetch is part of the issue.

I have a somewhat smaller dashboard running on a pi 3 and the equivalent figure I see is about 650ms.

What does the command `top` in the Pi show?

> [@TheSaltydog](#):
>
> When do you think I could give Dashboard 2 a chance

I have moved some of my stuff across and the basics are mostly there. You can install both dashboards at the same time so you could certainly give it a go.

---

<div class="post-metadata">

**Author:** ![TheSaltydog](https://avatars.discourse-cdn.com/v4/letter/t/47e85d/32.png) [@TheSaltydog](https://discourse.nodered.org/u/TheSaltydog)\
**Post date:** [29 January 2024 17:09 UTC](https://discourse.nodered.org/t/dashboard-slow-to-load/84993/20 "2024-01-29T17:09:21Z")

</div>

> [@Colin](#):
>
> What does the command `top` in the Pi show?

During Dashboard load, `top` shows over 100% for `node`

[Next page](https://discourse.nodered.org/t/dashboard-slow-to-load/84993.md?page=2)