如何减少 Angular JS 应用程序的大小，其中 vendor.js 为 2MB，app.js 为 720KB？

Question

我正在开发一个 AngularJS Web 应用程序。 我使用 uglify 和 minify 创建 vendor.js 和 app.js 文件，但它们非常大 - 分别为 2 MB 和 720KB。 正如我在 Chrome 开发工具中看到的那样，他们分别花了 25 秒和 14 秒来下载，我认为在我的 100MBPS 互联网连接上需要很多时间。 我担心客户体验的速度可能远低于此。 有什么方法可以压缩或减小这些文件的大小？ 我相信 vendor.js 不能分解，因为 Angular 需要在第一页上的所有内容。

Answer 1

最大和最快的胜利将是使用 gzip 压缩和 CDN（cloudfront、akamai 等）提供文件。 CDN 通常会从物理上更靠近用户的位置（下载速度更快）提供文件。 大多数 CDN 都可以轻松启用 gzip，这可能是您在文件大小方面获得最大优势的地方。

之后，您可以查看摇树。 如果你还没有使用像 webpack 这样的东西来捆绑你的 javascript，这可能需要大量的重构。 但是 tree-shaking 的好处是它会从 app.js 和 vendor.js 文件中排除您没有使用的任何代码。

最后你可以看看延迟加载。 这样你就可以用最少的代码引导你的应用程序，当用户导航到应用程序的不同部分时，他们会下载他们需要的东西。 如果您使用的是 1.x，ocLazyLoad 往往是流行的选择： https ://oclazyload.readme.io/