I'm working on an interactive solution in ReactJS that allows people to pan and zoom SVGs, but I am having problems with performance (the SVG stutters when dragged or zoomed ) because of detailed SVG. I'm using Adobe Illustrator and Inkscape to work on these SVG, but I noticed a larger SVG performance better than a smaller SVG and decided to study why this happened. Is there any SVG tag that affects the performance when draggin SVGs? I noticed that when I zoom in the performance gets worse, even though I simplify the paths.
I have already searched for and applied SVG optmizations (simplifying, SVGO, SVGOMG) and it seems that removing clipPath improves the performance.