Will Reveals components affect the performance of my website?

Yes, Reveals uses GPU rendering for effects and animations, so it will affect website performance, especially when you use multiple components on the same page.

What performance optimizations do Reveals components have?

Reveals minimizes the performance burden on devices while maintaining outstanding effects. In addition to the browser's optimizations, Reveals optimizes rendering based on browser events. Specifically, the component will stop rendering to maintain page performance when the following events are triggered:

• When the component is outside the viewport;

• When the animation is complete;

• When the video playback is end;

If you have enabled looping video playback, then the second and third points above will not take effect.

These optimizations ensure that the website can use as many effects as possible simultaneously and operate concurrently with Framer's animation system.