Merge pull request #88 from ethpandaops/skylenet/fix-performance-many…

…-clients clients pages: disable animations when many nodes
ethpandaops · Aug 7, 2024 · 818643d · 818643d
2 parents beddef0 + ee24f3a
commit 818643d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/templates/clients/clients_cl.html b/templates/clients/clients_cl.html
@@ -180,6 +180,12 @@ <h2 class="accordion-header">
  data.nodes[i].title = data.nodes[i].id;
  }
  var options = $_network.defaultOptions;
+
+ // Performance improvements. Less animations
+ if (data.nodes.length >= 20) {
+ options.physics.stabilization = true
+ }
+
  var network = new vis.Network(container, data, options);
 
  sleep(1000).then(() => {

diff --git a/templates/clients/clients_el.html b/templates/clients/clients_el.html
@@ -210,6 +210,12 @@ <h2 class="accordion-header">
  data.nodes[i].title = data.nodes[i].id;
  }
  var options = $_network.defaultOptions;
+
+ // Performance improvements. Less animations
+ if (data.nodes.length >= 20) {
+ options.physics.stabilization = true
+ }
+
  var network = new vis.Network(container, data, options);
 
  sleep(1000).then(() => {