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(() => {