🔍动画不显示？先排查这 5 个核心原因
你在 96 微信编辑器里做好的 SVG 动画，预览时突然一片空白？这种情况太常见了。先别着急重新做，大概率不是编辑器的锅。
第一个要查的是SVG 代码是否完整。很多时候复制粘贴时会漏掉头尾标签，比如
d属性，少一个坐标点都可能让整个动画罢工。浏览器兼容性也容易掉坑。微信内置浏览器对某些 SVG 动画属性支持不太行，比如
animateTransform在老版本里经常失效。你可以换个 Chrome 浏览器预览，要是能正常显示，说明得调整动画属性 —— 把复杂的变形动画拆成简单的位移或缩放，兼容性会好很多。还有个容易忽略的点：图层层级覆盖。要是你的 SVG 里有多个图层，动画元素可能被其他元素挡住了。在编辑器的图层面板里看看，把动画元素拖到最上层试试。或者在代码里手动调整
z-index属性，数值设高一点，比如 999。素材格式出错也会导致动画哑火。有些人喜欢把 PNG 图片直接嵌进 SVG 里，虽然能显示，但会让动画引擎加载异常。尽量用纯矢量路径做动画，非要用图片的话，换成 JPG 格式并压缩到 200KB 以内，成功率会提高不少。
最后检查编辑器版本。96 微信编辑器偶尔会有更新，旧版本可能存在动画渲染 bug。点右上角的设置，看看是不是最新版，不是的话升级后再试。有时候就是这么简单，升级完动画就乖乖出来了。
⚡加载速度慢到崩溃？3 个优化方向立竿见影
SVG 动画加载半天出不来，读者早划走了。这个问题多半出在文件体积上。你可能觉得 SVG 是矢量图应该很小，其实不然 —— 复杂的路径和过多的动画节点会让文件膨胀到几 MB。用 SVGOMG 这类工具压缩一下，保留关键路径，删掉冗余的锚点，体积能减一半以上。
代码里的注释和冗余属性也是拖慢速度的元凶。编辑器自动生成的代码里经常带一堆
id="layer1"、style="fill:#000"之类的重复属性，手动删掉或者用工具批量清理。特别是
