J'ai traversé cli angulaire et d'autres liens sur la façon d'ajouter des fichiers js externes pour le projet, donc finalement ajouté aux scripts tag dans angulaire-cli.json. J'utilise la bibliothèque graphique de yFiles. J'ai ajouté 10 fichiers js déjà minifiés à un tableau de scripts dans angular-cli.json.Angular 2 application lente charge initiale en raison de l'ajout tiers externe js libs à angular-cli.json
Après avoir fait
ng build --aot --prod
la version finale a scripts.bundle.js de taille> 4Mo ce qui rend mon application à charge initiale lentement/lente rendu seulement à cause de ce fichier. Toute aide serait bien sur la façon de charger ces fichiers après avoir montré l'écran initial ... Mais que faire si je veux utiliser ces bibliothèques sur mon écran initial seulement?
J'ai maintenant un écran de chargement, qui est là pendant environ 15-18 secondes à la première charge avant d'entrer dans mon application.
Mon premier écran utilise ces bibliothèques.
Toute aide ou solutions de contournement serait grandement appréciée!
Alors, quelle est la taille des 10 scripts que vous avez ajoutés? Est-ce qu'ils totalisent moins de 4 Mo? De plus, vous devriez probablement ajouter les versions non-minifiées, car la compilation essaiera de les réduire de nouveau. – GreyBeardedGeek
ils ajoutent jusqu'à exactement 4,5 Mo !! Comme ils sont déjà minifiés, ils ne sont plus minifiés !! @GreyBeardedGeek –