我正在使用AngularJS Web應用程序。我使用uglify和minify來創建vendor.js和app.js文件,但它們非常巨大 - 分別爲2 MB和720KB。正如我在Chrome開發工具中看到的那樣,他們分別花了25s和14s來下載,我認爲在我的100MBPS互聯網連接上花了很多時間。我擔心客戶體驗的速度可能遠遠低於此。什麼是壓縮或減少這些文件大小的方法?我相信vendor.js不能被分解,因爲Angular在第一頁上需要它。如何縮小供應商.js爲2MB且app.js爲720KB的Angular JS應用程序的大小?
1
A
回答
1
最大和最快的勝利將通過gzip壓縮和CDN(cloudfront,akamai等)提供文件。 CDN通常會從距離用戶更近的位置提供文件(更快下載)。大多數CDN可以很容易地啓用gzip,並且這可能是您在文件大小方面獲得最大勝利的地方。
之後,你可以看看樹震。這可能需要大量的重構,如果你還沒有使用一些東西來捆綁你的JavaScript像webpack。但是令人驚訝的是,它會排除你的app.js和vendor.js文件中沒有使用的任何代碼。
最後你可以看看懶加載。通過這種方式,您可以使用最少量的代碼來引導您的應用程序,並且在用戶導航到應用程序的不同部分時,他們會下載所需的代碼。如果你使用1.x,ocLazyLoad往往是流行的選擇:https://oclazyload.readme.io/
+0
OP已經表明,他們使用uglify,這意味着或多或少已經應用了抖動。 UglifyJs的默認壓縮設置將會丟失死和未使用的代碼:http://lisperator.net/uglifyjs/compress –
相關問題
- 1. 壓縮供應商的JS庫
- 2. Angular 4添加供應商js文件
- 3. 如何在Heroku上爲Yii應用程序組合和縮小JS和CSS?
- 4. 如何縮小文件大小的android的scala應用程序?
- 5. 如何縮小Mac應用程序包的大小?
- 6. 在grails應用程序中縮小js和css的方法
- 7. 我應該爲我的Angular JS應用程序安裝NPM
- 8. 如何縮小Google AdSense JS?
- 9. 角度如何縮小JS
- 10. 我的iPhone應用程序的最小應用程序大小?
- 11. 如何在angular2中將縮小的模板文件提供給縮小的app.js?
- 12. Tizen Web應用程序Angular JS教程
- 13. 如何在我的應用程序中減少大圖像大小爲縮略圖大小android
- 14. 如何縮小iPhone應用程序的.wav音頻文件的大小?
- 15. 如何爲Java Web應用程序自動化Javascript縮小?
- 16. 火狐顯示記錄大小爲2MB,
- 17. 節點JS縮小
- 18. 蘋果商店允許的最大Iphone應用程序大小
- 19. Heroku的打破我的Rails + Angular.js應用程序通過JS文件縮小
- 20. 在Angular-JS中獲取數組大小
- 21. Angular 4 min js文件大小
- 22. JS縮小:壓縮代碼
- 23. 爲Angular JS應用程序製作10秒定時器
- 24. iOS應用程序大小 - 如何在
- 25. 估算iOS應用程序在應用程序商店中的大小
- 26. IPhone應用程序大小
- 27. 將應用程序js轉換爲coffeescript
- 28. 如何在ARC焊機上放大/縮小應用程序?
- 29. 構建它後,我如何壓縮Titanium應用程序大小?
- 30. CSS/JS調整大小以適應圖像大小
查看你正在使用的模塊來查看批量來自何處,有可能是一些模塊比你需要的方式做得更多這樣做你可以取消。 –