sync page load with animated svg

Hi guys we need 3 simple information about animated svg problem.

1.

the first problem is on loading animated svg with javascript. Javascript SVG are loaded but not displayed when the page is rendered. On the editor you only see a correct sized white "proxy". The only way is to use animated svg with CSS (for info only I use svgator).
Is it possible to use animated svg with javascript? how?

2.

Another problem related to svg is the obligation to upload them through the Brizy editor because if loaded from the Media page, after load, they are not displayed in the editor ...
is there a solution? it's normal ?

3.

Last problem ... animating the backgrounds with svg as well as inserting small elements such as logo animation svg once the page is loaded, as the first problem they persist in the local cache and therefore the animations remain frizzy at the last frame and all the animations are also played totally skipping progressive sync with what the user is watching. The only way is to use static jpgs and use the editor's incoming animation.
Is there a way to synchronize the play of the svg elements with "what the customer sees" by avoiding the play of all the animated svg when the page load?

thank you :)