Perf: Lazy render (#2736)

motiondivision · Jul 18, 2024 · 0ae9dd5 · 0ae9dd5
1 parent 776d8ca
commit 0ae9dd5
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/framer-motion/src/render/VisualElement.ts b/packages/framer-motion/src/render/VisualElement.ts
@@ -554,6 +554,7 @@ export abstract class VisualElement<
     }
 
     render = () => {
+        this.isRenderScheduled = false
         if (!this.current) return
         this.triggerBuild()
         this.renderInstance(
@@ -564,7 +565,13 @@ export abstract class VisualElement<
         )
     }
 
-    scheduleRender = () => frame.render(this.render, false, true)
+    private isRenderScheduled = false
+    scheduleRender = () => {
+        if (!this.isRenderScheduled) {
+            this.isRenderScheduled = true
+            frame.render(this.render, false, true)
+        }
+    }
 
     /**
      * Measure the current viewport box with or without transforms.