Are Svgs Slow. I have a couple of SVG backgrounds on a site. In its simplest form this is what an SVG file looks like under the hood.
Saving an SVG with the CSS properties set to Presentation Attributes is a recommended best practice. SVG images are predominantly found on the web and while they have comparable uses to JPEG PNG and WebP image types their DNA is extremely different. Once the bloat is removed the file size can decrease by a large amount which speeds up your end user load speed especially if you have lots of SVGs on a single page.
This problem occurs if the two images share common properties.
The SVG shouldnt really load any quicker or slower if the filesize is the same but remember older browsers may not support SVG natively but SVG can usually make advantage of gzip as they. This problem occurs if the two images share common properties. The problem was also actually the amount of SVG vectors the browser had to render. Heres three examples comparing native SVG Pixijs and Twojs.
