javascript - 如何可靠地加载所需的 JavaScript 文件？

Question

由于互联网连接问题，我遇到了这个问题，一些必需的 JavaScript 文件没有加载。 Body onload 事件被触发，但是页面逻辑所需的类不存在。

还有一件事，我要解决的问题不在网站上，而是在没有任何图像或 CSS 文件的 Web 应用程序中。想象一下在 iframe 中运行的 JavaScript 代码。因此，我只对脚本有问题。

这是我的解决方法，如果我错了请评论/纠正我:

1. 在推送上线时对文件进行混淆和合并，这样文件的整体大小就会减小，任务就会可靠地加载 1 个文件
2. 在服务器上启用 gzip 压缩。因此，再次生成的文件大小将小得多
3. 为该文件放置适当的缓存 header ，因此一旦加载它将被缓存在浏览器/代理服务器中
4. 最后，即使拥有所有这些，也可能存在无法加载文件的情况。在这种情况下，我计划在加载页面后从 JavaScript 动态加载该文件。将有“重试失败加载”逻辑，例如最多尝试 5 次

还有其他想法吗？

Answer 1

如果“重试”脚本无法获取所需的依赖项，则重定向到站点的“无脚本”版本(如果可用)。或者尝试拥有一个优雅降级的页面，这样即使所有步骤都失败了，网站仍然可用。