我正在开发一个AngularJS Web应用程序。我使用uglify和minify来创建vendor.js和app.js文件,但它们非常庞大 - 分别为2 MB和720 KB。正如我在Chrome开发工具中看到的那样,他们分别花了25s和14s来下载,我认为在我的100MBPS互联网连接上花了很多时间。我担心客户体验的速度可能远低于此。有什么方法可以压缩或缩小这些文件的大小?我相信vendor.js无法分解,因为Angular需要在第一页上全部。
答案 0 :(得分:1)
最大和最快的胜利将是通过gzip压缩和CDN(cloudfront,akamai等)提供文件。 CDN通常从物理上更靠近用户的位置提供文件(更快下载)。大多数CDN都可以轻松启用gzip,这可能是您获得文件大小最大胜利的地方。
之后,你可以看看树摇晃。如果您还没有使用某些东西捆绑您的javascript,例如webpack,则可能需要进行大量重构。但是,树木抖动的好处在于它会排除您从app.js和vendor.js文件中使用的任何代码。
最后你可以看看延迟加载。这样,您可以使用所需的最少代码来引导您的应用程序,并且当用户导航到应用程序的不同部分时,他们会下载所需的代码。如果您使用1.x:https://oclazyload.readme.io/
,ocLazyLoad往往是受欢迎的选择