Optimizing SVG content

From Svg wiki

This is a collection of tips from various places on how to maximize SVG performance in viewers.

- Use the 'shape-rendering' property with the value 'optimizeSpeed'

This will (usually) disable anti-aliasing (if the viewer supports that).

- Use the 'image-rendering' property with the value 'optimizeSpeed'

This means that the viewer may use a lower-quality method for sampling. Usually this means there's a significant speedup on drawing raster images, but that the quality is worse, especially if the images are not properly aligned or if they're scaled.

- Use the 'text-rendering' property with the value 'optimizeSpeed'

This means that the viewer can trade quality of text for speed.

Links to other guides