Javascript 大型SVG动画代码会降低页面速度

我有两个SVG图形，超过600行代码。我正在用GSAP制作动画。然而，在IE和Edge上，加载所有html需要相当多的时间

---

如何使此代码加载更快或最小化SVG？我知道我不能有img标签，因为那样动画就不行了。是否有其他选项可以呈现SVG？

您是否尝试过使用SVG optimizer之类的工具优化SVG

---

您可能想看看这一点：

请准确说明什么需要很长时间。600行代码并不多，无论使用何种浏览器，下载时间都是下载时间。文件大小（以KB为单位）是多少，您的站点还加载了哪些内容？SVG是否包含作为数据URL嵌入的光栅图像？过滤效果？众所周知，两者都会减慢渲染速度，尤其是与动画结合使用时。动画有点起伏吗？有点起伏，但不是在Chrome上，只是在IE/Edge上。两个SVG都有大约600行，因此只有SVG有大约1200行。页面大小约为700KB。不多吗？加载gsap、jquery、引导、标准的东西。我已经缩小了所有的图像。没有数据URL，但我嵌入了这样的图像：（冒号后面有什么东西吗？）。对于典型的XML内容，我预计600行代码的结尾大约为20-30kB。什么是700KB？所有加载的资源一起加载，还是HTML页面单独加载？同样，根据典型的经验，加载SVG内容只需要Javascript库解析所需时间的一小部分。请使用开发人员工具用性能工具描述站点的加载时间，并仔细查看真正需要多长时间。SVG的1200行是150kb，因此总共只有400kb左右的SVG代码，其余的是页眉、页脚和少数其他静态组件。谢谢，如果javascript有什么问题，我会试试。当我删除模式图像时，动画看起来有点改善。您知道是否有其他方法可以用图像填充svg吗？