Add performance limits and tuning documentation; update styles for figure hover effect

leecalcote · leecalcote · commit aa8d130c9400 · 2025-03-10T16:58:20.000-05:00
Signed-off-by: Lee Calcote &lt;lee.calcote@layer5.io&gt;
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
@@ -465,6 +465,17 @@ a:not([href]):not([class]):hover {
   }
 }
 
+figure {
+  & :hover { cursor: pointer; }
+  figcaption {
+    color: $dark;
+    background-color: rgba($lightslategray, 1);
+    // font-style:italic;
+    text-align: center;
+    width: inherit;
+  }
+} 
+
 .dashboard {
   font-weight: 800;
   margin-bottom: 4rem;
diff --git a/content/en/kanvas/advanced/performance/index.md b/content/en/kanvas/advanced/performance/index.md
@@ -13,33 +13,33 @@ Kanvas is designed to handle a wide range of infrastructure and application conf
 
 ### Maximum Number of Components
 
-Kanvas has a maximum limit of 1,000 components per design. If you exceed this limit, you may experience performance issues such as slow loading times and laggy interactions. To avoid hitting this limit, consider breaking your design into smaller, more manageable canvases.
+Kanvas has a maximum limit of 1,000 components per design. If you exceed this limit, you may experience performance issues such as slow loading times and laggy interactions. To avoid hitting this limit, consider breaking your design into smaller, more manageable designs.
 
 ### Maximum Number of Relationships
 
-Kanvas supports up to 10,000 relationships per design. Exceeding this limit can impact the performance of your canvas, especially when rendering complex designs. To optimize performance, try to minimize the number of relationships in your design.
+Kanvas supports up to 10,000 relationships per design. Exceeding this limit can impact the performance of your design, especially when rendering complex designs. To optimize performance, try to minimize the number of relationships in your design.
 
 ### Maximum Number of Comments
 
-Kanvas allows up to 1,000 comments per canvas. While comments are a valuable collaboration tool, excessive comments can impact the performance of your canvas. Consider archiving or deleting old comments to keep your canvas running smoothly.
+Kanvas allows up to 1,000 comments per design. While comments are a valuable collaboration tool, excessive comments can impact the performance of your design. Consider archiving or deleting old comments to keep your design running smoothly.
 
 ### Maximum Number of Users
 
-Under the Free subscription plan, Kanvas supports up to 25 users per canvas. If you have a large team collaborating on a canvas, be mindful of the number of users active at the same time. Too many users can strain the performance of your canvas, leading to slower response times and potential data loss.
+Under the Free subscription plan, Kanvas supports at least 20 users per design. As resources allow, up to 34 users may simulatanously collaborate within a given design. If you have a large team collaborating on a design, be mindful of the number of users active at the same time. Too many users can strain the performance of your design, leading to slower response times and potential data loss. See [Layer5 Cloud Networking Services](/cloud/self-hosted/planning/peer-to-peer-communication) for more details.
 
 ## Performance Tuning
 
 ### Optimize Your Design
 
-To improve the performance of your canvas, consider optimizing your design by disabling one or more layers. 
+To improve the performance of your design, consider optimizing by disabling one or more layers.
 
-<figure>
-  <img src="./layers-panel.png" alt="Layers panel in Kanvas Designer">
+<figure style="width:600px;">
+  <img src="./layers-panel.png" alt="Layers panel in Kanvas Designer" />
   <figcaption>Control which layers of your design are visible using the Layers panel.</figcaption>
 </figure>
 
-Some layers specifically offer control of visibility of components, while other layers offer control over the ongoing evaluation of relationships between components. Depending on the type of layer disabled, either specific components or all components by type will display or not be displayed, allowing you to finely tune the performance of you design rendering experience by saving design resources and improving the performance of Kanvas as you adjust both the number and type of components in view. Note, that even though you might hide components, those components are not deleted or removed from your design. These components are simply hidden from current view. 
+Some layers specifically offer control of visibility of components, while other layers offer control over the ongoing evaluation of relationships between components. Depending on the type of layer disabled, either specific components or all components by type will display or not be displayed, allowing you to finely tune the performance of you design rendering experience by saving design resources and improving the performance of Kanvas as you adjust both the number and type of components in view. Note, that even though you might hide components, those components are not deleted or removed from your design. These components are simply hidden from current view.
 
 In the same way, as you toggle the evaluation of different types of relationships, understand that this releationships between your components still exist. Those relationsihps are simply temporarily hidding from view and the overhead of their evaluation eliminated while the respective type of relationship is disabled.
 
-Using the Layers panel you control the level of sophistication or simplicity of the rendering of components and relationships in your designs. You can both simplify your design layout by removing unnecessary elements and improve performance simultaneously. Alternatively, you can increase the level of detail in your design by enabling additional layers and relationships, while controlling the balance between detail and performance.
+Using the Layers panel you control the level of sophistication or simplicity of the rendering of components and relationships in your designs. You can both simplify your design layout by removing unnecessary elements and improve performance simultaneously. Alternatively, you can increase the level of detail in your design by enabling additional layers and relationships, while controlling the balance between detail and performance.
