AngularJS'de kod optimizasyonu

Kodu optimize etmek yalnızca rutinleri olabildiğince verimli hale getirmek anlamına gelmez, aynı zamanda dosyanın boyutunu ve ağırlığını da hesaba katmalıyız, bununla verileri hızlı bir şekilde iletebileceğimizi garanti edebiliriz.
Sunucu dili uygulamalarında bu çok fazla ağırlık taşımaz, ancak AngularJS Evet, her şey kodun istemcide çalıştırılması gerçeğinden kaynaklanmaktadır, bu nedenle uygulama başlatılmadan önce tarayıcısının tüm kodlarımızı alması gerekir. Optimize edilmiş ve verimli bir koda sahip olmak, uygulamamızın çok daha hızlı başlamasını sağlayacak ve gerekli bant genişliği daha az olacaktır.
Dünyadaki kodu derlemek Javascript temelde bir yapmak anlamına gelir küçültme aynısı, yani dosyanın ağırlığını azaltmak için mevcut olanı mümkün olan en aza indirgemek için, bunun için aşağıdaki gibi bazı araçlardan yararlanabiliriz. Google Kapatma Kitaplığı, küçültmenin yanı sıra bazı derleme görevleri yaparak da yardımcı olur.
Küçültülmüş sürümlerde meydana gelen tek sorun, uygulamamızı yaparak ve belgeleyerek elde ettiğimiz okunabilirliği kaybetmemizdir, bu nedenle, değişiklikleri uygulayabilmemiz için şu anda üretimde olanın derlenmemiş bir kopyasını tutmak önemlidir. daha basit bir şekilde gereklidir.
Kodunuzu optimize etmenin birkaç yolu vardır. AngularJS uygulayabileceğimiz, bunların her birinin karmaşıklığı ve ayrıca etkinlik düzeyi vardır, doğal olarak uyguladığımız tür, hedeflerimize ve uygulamamıza bağlıdır.
Bu optimizasyon türü şunlardan oluşur: küçültmek Kodumuzdaki tüm değişkenler, tutacağımız tek şey özellikler olacak, bu son dosyanın ağırlığını çok fazla azaltmayabilir, ancak fazla işlemeyi veya ek yükü önemli ölçüde azaltır.
Uygulamak için, sadece çalıştırın Google'ın Kapatılması sonraki:

BÜYÜT

Bu tür bir optimizasyonda, kaynak kodu ile dosyamızın tüm fonksiyonlarını ve yöntemlerini pratik olarak yeniden adlandırmayı seçiyoruz, açıkçası yeniden adlandırmak istemeyeceğimiz bazı şeyler var, bunun için hangisini belirleyeceğimiz harici bir dosya kullanacağız. dokunulmaması gereken fonksiyonlardır.
Ne elde ederiz?Bu tür bir derleme yaparken, karşılık gelen dosyanın boyutunu büyük bir yüzde oranında küçülteceğiz, ancak bu, optimal bir duruma ulaşmak için yapmamız gereken iş miktarıyla orantılıdır. Ayrıca, kodumuzun daha sonra çalışmaya devam edebilmesi için bu açıdan bağımlılık enjeksiyon biçimini korumamız gerektiğini de unutmamalıyız.
Bu tür bir optimizasyonun nasıl olacağına dair bir örnek aşağıdaki resimde görülebilir:

Bununla, uygulamamız için uygun optimizasyonu sağlamanın kapsamlı bir analiz gerektirdiğini gördüğümüz için bu öğreticiyi sonlandırıyoruz, çünkü burada açıkladığımız türlerden birini veya diğerini seçersek, geliştirme döngüsünü etkileyebilecek avantaj ve dezavantajlara sahip olacağız. uygulamamız.