Angular 2應用程序初始加載速度較慢，因爲添加了外部第三方js庫到angular-cli.json

Question

我已經通過角度cli和其他鏈接瞭解如何將外部js文件添加到項目中，以便最終將其添加到腳本標記中角cli.json。

我正在使用yFiles圖形庫。我已經將10個已經縮小的js文件添加到angular-cli.json中的腳本數組中。

做

ng build --aot --prod 

後，最終打造了scripts.bundle.js大小> 4MB，這使得我的應用程序加載緩慢/緩慢的初始渲染僅僅是因爲這個文件。在顯示初始屏幕後，如何加載這些文件，任何幫助都會很棒......但是如果我只想在我的初始屏幕上使用這些庫，該怎麼辦？

我現在有一個加載屏幕，在進入我的應用程序之前，第一次加載大約需要15-18秒。

我的第一個屏幕本身使用這些庫。

任何幫助或解決方法將不勝感激！

Answer 1

如果使用這些腳本的未精縮版，您可以找到更好的角度最大限度地減少他們，但我不會抱太大的期望。

真正的問題是您添加4Mb的JavaScript。你應該回顧一下，看看你是否真的需要它，或者如果你可以擺脫一些。