The React renderer takes ages too add 100k “html.Divs” to the app.layout when using a callback. Do you guys have an hint, what I could do to improve the performance? My current code: # -*- coding: utf-8 -*- import dash import dash_core_components as dcc import dash_html_components as html from da…

also post the code in correct format import dash import dash_core_components as dcc import dash_html_components as html from dash.dependencies import Input, Output, State app = dash.Dash(__name__) app.layout = html.Div( children=[ html.H1(children="Hello Dash"), html.Div( …

Hi byronz, thank you very much for the hint with clientside callbacks. I tried following code, which is much faster. module1.py : import dash import dash_html_components as html import dash_core_components as dcc from dash.dependencies import ClientsideFunction, Input, Output app = dash.Dash(__…

@chrisbo if you look at chris’ examples https://github.com/plotly/dash-renderer/commit/5b9934d17851f467321b80eb9bc198e16b678251 . the purpose of the client callback is not to manipulate directly the DOM, but write directly the output. i.e. the add_divs returns a string contains 10000 divs html tag…

can you please give me a short example how this javascript clientside return string should look like in my case? In chris’ examples the html Tags are already created in python. he does not create them in the clientside callback. I tried: if (!window.dash_clientside) { window.dash_clientside = {};…

try pure html tag <div> number value as your example </div>

unfortunately does not work either :frowning:

[image] chrisbo: does anyone have another hint? I suspect you should return a dash_html_component Div object instead of directly trying to manipulate the real DOM (which presumably will conflict with the React DOM). However my JavaScript skills are currently very weak so I wasn’t able to fig…

@chrisbo I had some time this morning to play around with your example. So the pure html way won’t work as they are just strings for the parent div.children. The callback way does save a lot of bandwidth if you have a large data set, i.e. you just dump a text from 0 to 10000000000. But if your p…

Dash Renderer very slow at Callback

Dash Python

byronz July 4, 2019, 7:53pm 2

@chrisbo

it’s mostly network cost in this case, try clientside callback to avoid the traffic 📣 Dash 0.41.0 released

Topic		Replies	Views
Fast callback - slow rendering. What is the problem? Dash Python	12	4278	July 19, 2021
Slow response from Dash app server with lots of States Dash Python	7	2962	April 16, 2019
Best practices to improve dash performance Dash Python	4	8217	June 9, 2022
Dash renderer - slow? Dash Python	0	208	June 30, 2024
Dash slow pattern-matching performance on many elements Dash Python bug-reporter	2	189	September 24, 2024

Dash Renderer very slow at Callback

Related topics