Code-optimalisatie in AngularJS

Het optimaliseren van de code betekent niet alleen het zo efficiënt mogelijk maken van routines, we moeten ook rekening houden met de grootte van het bestand en het gewicht ervan, hiermee kunnen we garanderen dat we de gegevens snel kunnen verzenden.
Dit heeft in servertaaltoepassingen niet veel gewicht, maar in AngularJS Ja, alles is te wijten aan het feit dat de code op de client wordt uitgevoerd, daarom moet de browser al onze code ontvangen voordat de toepassing kan worden gestart. Met een geoptimaliseerde en efficiënte code zal onze applicatie veel sneller starten en zal de benodigde bandbreedte minder zijn.
De code in de wereld compileren Javascript betekent in feite het maken van een minificatie van hetzelfde, dat wil zeggen, om het bestaande tot een minimum te beperken om het gewicht van het bestand te verminderen, hiervoor kunnen we gebruik maken van enkele hulpmiddelen zoals de Google Sluitingsbibliotheek, die naast het verkleinen ook helpt door enkele compilatietaken uit te voeren.
Het enige probleem dat zich voordoet met verkleinde versies is dat we de leesbaarheid verliezen die we hadden bereikt door onze applicatie te maken en te documenteren, daarom is het belangrijk om een ​​ongecompileerde kopie te bewaren van wat momenteel in productie is, zodat we de wijzigingen kunnen doorvoeren op een eenvoudigere manier nodig.
Er zijn een paar manieren om uw code te optimaliseren in AngularJS die we kunnen implementeren, elk van deze heeft zijn complexiteit en ook zijn niveau van effectiviteit, natuurlijk hangt het type dat we toepassen af ​​van onze doelstellingen en onze toepassing.
Dit type optimalisatie bestaat uit: kleineren Alle variabelen die we in onze code hebben, het enige dat we zullen behouden, zijn de eigenschappen, dit zal het gewicht van het uiteindelijke bestand misschien niet veel verminderen, maar het vermindert de overtollige verwerking of overhead aanzienlijk.
Om het toe te passen, voer je gewoon in de Google-sluiting de volgende:

VERGROTEN

Bij dit type optimalisatie kiezen we ervoor om praktisch alle functies en methoden van ons bestand te hernoemen met de broncode, uiteraard zijn er enkele dingen die we niet willen hernoemen, hiervoor zullen we een extern bestand gebruiken waarin we zullen specificeren welke zijn de functies die niet mogen worden aangeraakt.
Wat bereiken we?Wanneer we dit type compilatie doen, zullen we de grootte van het corresponderende bestand met een groot percentage verkleinen, maar dit is evenredig met de hoeveelheid werk die we moeten doen om een ​​optimale staat te bereiken. We moeten ook in gedachten houden dat we in dit aspect de vorm van afhankelijkheidsinjectie moeten behouden, zodat onze code later kan blijven werken.
Een voorbeeld van hoe dit type optimalisatie zou zijn, is te zien in de volgende afbeelding:

Hiermee sluiten we deze tutorial af, omdat we zien dat het bereiken van de juiste optimalisatie voor onze applicatie een grondige analyse vereist, want als we kiezen voor een of ander type dat we hier uitleggen, hebben we voor- en nadelen die van invloed kunnen zijn op de ontwikkelingscyclus van onze applicatie.