Cześć, mam taką zagwozdkę. Mianowicie mój projekt produkcyjny tj folder /dist waży po ng build --prod około 50mb. Jest to raczej sporo, co też jest zauważalne przy ładowaniu strony - trwa to bardzo długo.
Mam pytanie czy istotny w ogóle jest rozmiar tego folderu czy aplikacja i tak ładuje tylko część swoich plików?
W jaki sposób mógłbym uzyskać jakiś znaczący/zauważalny efekt optymalizacji, co też w wyniku spowoduje szybsze ładowanie się aplikacji?
Jeżeli podzieliłeś swój projekt na moduły z uwzględnieniem routingu to możesz użyć Leasy lodingu. https://angular.io/guide/lazy-loading-ngmodules
Dziwne jest jednak to, że produkcyjna wersja waży aż 50Mb. Ponieważ produkcyjna wersja jest zminimalizowana. Możesz to sprawdzić edytując dowolny plik js. Ja zawsze buduję apkę używając ng build --prod i aplikacja waży około 2,5Mb lub mniej (zależy od projektu)
No ja właściwie tak samo buduję apkę przez ng build --prod i katalog dist waży strasznie dużo. Jakieś sugestie co mógłbym zrobić, żeby to zminimalizować? Myślałem o deployu aplikacji jako gzip - jednak nie wiem czy to w praktyce coś w ogóle daje?
A grafik nie załączasz do projektu? Może masz ich tam sporo i to one ci tyle ważą. Powiedz, ile ważą same pliki js
obl napisał(a):
A grafik nie załączasz do projektu? Może masz ich tam sporo i to one ci tyle ważą. Powiedz, ile ważą same pliki js
Jest coś takiego jak webpack-bundle-analyzer. Zainstaluj go sobie przez npm/yarn i uruchom. Zobaczysz wtedy drzewo zależności projektu i określisz, co zajmuje najwięcej. Możliwe, że przez przypadek importujesz całą bibliotekę zamiast małego kawałka i wtedy bundle puchnie srogo.