我刚刚创建了我的第二个交互式Adobe Animate HTML5/Canvas项目，我对此感到非常自豪。问题是，当涉及到文件格式、大小和多余数据时，我对高效和保守地制作动画一无所知。我想知道我必须采取什么步骤才能在不盯着白色屏幕看一分钟的情况下加载这个发布的HTML/Javascript项目(请耐心等待，它会加载的(。Adobe Animate发布的代码均未被更改。我知道我必须修复我的图像，但你们看到除了添加预加载程序之外还有什么可以加快速度的吗？
http://weatherphases.epizy.com
我已经通过PageSpeed Insights运行了我的页面，但仍然不知道从哪里开始。如果你需要截图、代码、图片或任何其他信息，请告诉我，因为我只发布了一个链接。
动画中的大部分加载延迟似乎来自于加载图像，SpriteSheetUtils.extractFrame会造成额外的延迟。你的图像大小可以通过使用类似tinypng的东西来优化它们来减少。
extractFrame是一个昂贵的操作，因为它创建了一个新的html图像对象，并将数据从内部画布复制到它。创建者建议在大多数情况下用gotoAndStop替换它：SpriteSheetUtils.extractFrame