【发布时间】：2020-06-29 19:08:20
【问题描述】：
我创建了一个网络应用程序。在一个页面中，我使用了reveal.js 演示框架。它有 44 张幻灯片（部分）。每张幻灯片中有两个音频 .mp3 文件和三个全局音频 .mp3 背景音乐。还有 15-20 个 .png 图像。总共所有音频为 53 mb，所有图像为 10 mb。所有幻灯片和音频都会自动播放。
在本地服务器中，页面加载没有问题。但是当我将它部署到 heroku 时，它需要很长时间。然后我通过将 src 更改为 data-src 来启用媒体的延迟加载。现在页面在几秒钟内加载，但最大音频没有完全播放。我现在该怎么办？
只是为了让你知道。这个网络应用程序可能拥有大量用户。而且每个用户只能浏览这个页面一次，所以很遗憾没有缓存。
有什么办法可以解决这个问题吗？如何让页面加载更快？不破坏图像和音频的自动播放？我应该使用哪种类型的服务器？
【问题讨论】：
标签： javascript performance deployment frontend reveal.js