javascript - 大型 SVG 动画代码会减慢页面速度
问题描述
我有 2 个超过 600 行代码的 SVG 图形。我正在用 GSAP 为它们制作动画。然而,在 IE 和 Edge 上加载所有的 html 需要相当多的时间。
如何使此代码加载更快或最小化 SVG?我知道我不能有 img 标签,因为动画将不起作用。还有其他渲染 SVG 的选项吗?
解决方案
您是否尝试过使用像 svg-optimizer 这样的工具来优化您的 SVG?
你可能想看看这个:http ://petercollingridge.appspot.com/svg-optimiser
推荐阅读
- mongodb - MongoDb 分析不显示任何输出
- python - 在类定义中加入从字典理解访问类变量时出错
- sql - pg_stat_statements 的时间范围是什么
- python - 如何在没有 conda 的情况下从源代码安装 Bob
- tor - 如何知道 Tor 路由的 IP 地址?
- node.js - 如何保证最新的写入不会被先前的写入覆盖
- ssl - 无法“openssl 验证”letsencrypt 证书
- javascript - 在文本文件中使用 DOM 解析器
- javascript - 使用 JSON 创建 Bootstrap TreeView
- ios - 防止 UINavigationBar 在 UITableView 滚动 iOS 11 上增长