Po shkruaj një aplikacion kompleks me shumë komponentë duke përdorur AngularJS. Aktualisht, komponentët kryesorë janë gati dhe dua të përmirësoj performancën e aplikacionit.
Pas një hetimi të shkurtër në terren, gjeta disa burime shumë të dobishme:
11 këshilla për të përmirësuar performancën AngularJS
Shembulli i përmirësimit të performancës së aplikacionit wep AngularJS
Performanca e AngularJS në aplikacione të mëdha
Gjithsesi, më duhen disa këshilla shtesë për disa tema:
1. Skripti dhe Shërbimet/Fabrikat po ngarkohen
- aktualisht, të gjitha skriptet janë ngarkuar në fund të etiketës
<body></body>
brendaindex.html
. Prandaj, kur përdoruesi ngarkon drejtpërdrejt njëui-route
ose thjesht ringarkojmë faqen e caktuar, të gjithë skriptet ngarkohen përsëri. Dëshiroj të ngarkoj skriptet vetëm në gjendjet që përdorin skriptin e dhënë. - Shërbimet/Fabrikat/etj. ngarkohen në të njëjtën mënyrë. Kjo shkakton faqe të cilat NUK kanë nevojë për të dhënën p.sh. Shërbim për ta ngarkuar dhe kjo po ngadalëson performancën, për shkak të ngarkesës së madhe të të dhënave. Më duhet t'i inicializoj/ngarkoj ato vetëm kur nevojiten në gjendjen aktuale.
2. Përkthim/Lokalizimi
- Unë jam duke përdorur Angular Translate - i18n Referenca, por kur jam duke përkthyer elementet e faqes duhet të përdor p.sh.
<button>{{btnName | translate}}</button
. Kjo teknikë dhe përdorimi i përgjithshëm i filtrave cilësohet si një nga mangësitë më të mëdha të performancës. Faqja ka shumë elementë, kështu që kjo me të vërtetë mund të ngadalësojë ngarkimin. A ka ndonjë zgjidhje më të mirë apo ndonjë zgjidhje?
3. Në përgjithësi
- Kam lexuar temat e shumta në
ng-repeat
dhe veçorinë e tijtrack by
, kështu që supozoj se është bërë, por ende nuk jam 100% i sigurt se e kuptoj< /strong> ciklet$digest
($apply
) janë të sakta. - Kam lexuar disa komente se duhet "të shmangim lidhjen e çdo gjëje drejtpërdrejt me një funksion", por nuk e kuptoj fare.
Çdo koment ose këshillë shtesë në lidhje me AngularJS dhe performancën e tij janë të mirëseardhura!
Faleminderit :)