如何减小Angular JS app的大小,其中vendor.js是2MB,app.js是720KB?

时间:2016-09-15 16:47:11

标签: javascript angularjs web-applications minify uglifyjs

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

1 个答案:

答案 0 :(得分:1)

最大和最快的胜利将是通过gzip压缩和CDN(cloudfront,akamai等)提供文件。 CDN通常从物理上更靠近用户的位置提供文件(更快下载)。大多数CDN都可以轻松启用gzip,这可能是您获得文件大小最大胜利的地方。

之后,你可以看看树摇晃。如果您还没有使用某些东西捆绑您的javascript,例如webpack,则可能需要进行大量重构。但是,树木抖动的好处在于它会排除您从app.js和vendor.js文件中使用的任何代码。

最后你可以看看延迟加载。这样,您可以使用所需的最少代码来引导您的应用程序,并且当用户导航到应用程序的不同部分时,他们会下载所需的代码。如果您使用1.x:https://oclazyload.readme.io/

,ocLazyLoad往往是受欢迎的选择