'Slow Animated SVG Load on Webpage

I have an animated svg file (4MB) that loads at the top of my web page. The SVG file itself is being managed by imgix. The problem is that it loads a little slower than the rest of the top elements.

I've seen posts say that I should embed the SVG in my HTML but when I do that my HTML size goes from 20KB to 11MB. More importantly, the entire page then takes quite long to load.

Is there a way to resolve this?

htmlsvg


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions