Is there a performance gain by hiding the html element?

Question

JavaScript

There are a large number of div elements (~500).
Each div contains a lot of SVG graphics.
only 1 div element is visible at any given time.
When switching from one diva to another, animation friezes occur (on a smartphone).
Is it advisable to hide all elements first (for example, through css - display: none),
then show (display: inline) only the element that is active, and hide the previous one ???

Answer 1

Not much, but it is advisable to load them then. Since there are so many

Answer 2

Any elements put pressure on the graphical output.
Therefore, it is important to have a minimum of objects.