Angular 9 Ivy ile Gelen Performans ve Yenilikler Nelerdir?

angular-9

Angular’da son 3 yıldan beri yapılan en büyük paket değişikliği ivy ile geldiği söylenmektedir. Şimdi yapılan bu değişiklikleri adım adım inceleyelim.

1-Paket boyutların yapılan değişiklikler

Ivy derleyicisi, kullanılmayan paketleri kaldırarak daha küçük bir bundle size ulaşmıştır. Bu gelişmelerle uygulamalarınızda çok net boyut tasarrufu sağlayabilirsiniz. Özellikle çok fazla bileşene sahip büyük uygulamalar, düşük boyuttan en iyi şekilde yararlanabilir. Orta ölçekli uygulamalar çok fazla bileşene sahip olmadıkları için eşit veya biraz daha küçük paket boyutlarına sahip olacaklar.

Angular ekibinin söylediği düşüş değerleri;

• Small applications: 30% improvement
• Medium applications: 2% improvement
• Big applications: 25–40% improvement

bundle-size

2-Derleme Sürelerinde yapılan iyileştirmeler

a.Production Build

ng-build-prod-time

(ES2015 + ES5) yapısı eskiden açık nedenlerden dolayı daha yavaştı, aynı koddan iki paket oluşturmak gerekiyordu. Ivy her iki yapıya da ciddi bir şekilde hızlı işlem sağlamaktadır. 1 dakikalık build süresinden tasarruf sağlar.

🎉 20–30% gelişme :)

b.Development Build

ng-serve

🎉 % 20–25 iyileşme! Başlatılan her yapı için 30 saniye kazanıldı 😎

c.Recompile Time

recompile main

🎉 30–40% Gelişme! 😲 Her değişiklik 5s geliştirme deneyiminde dramatik bir fark yaratmaktadır.

3- Birim Test (Unit Test) sürelerinde yapılan iyileştirmeler

angular-unit-test

Bu versiyon ile test aşamasında köklü güncellemeler yapılmıştır. TestBed önceki versiyonda, componentlerde herhangi bir değişiklik olup olmadığına bakmadan derleme yapıyordu. Bir component manuel olarak geçersiz kılınmadıkça TestBed componentleri testler arasında yeniden derlemez böylece yaklaşık % 25–50 oranında hızlanmaktadır.

4-Tip kontrollerinde yapılan yenikler (type checking)

Angular derleyicisi, uygulamanızın daha fazla tip kontrol edebilir ve daha katı kurallar uygulayabilir. Bu özellikler, size ve ekibinize geliştirme sürecinde hataları daha erken yakalamanızda fayda sağlayacaktır.

Varsayılana ek olarak yeni tip kontrolleride eklenmiştir.

• fullTemplateTypeCheck — Bu bayrağın etkinleştirilmesi derleyiciye şablonunuzdaki her şeyi kontrol etmesini söyler (ngIf, ngFor, ng-template, v.b)
• strictTemplates — Bu bayrağın etkinleştirilmesi, tip kontrolü için en katı Tip Sistemi kurallarını uygular.

5. Geliştirilmiş derleme hataları (Improved build errors)

Yeni Ivy derleyici daha hızlı olmasının yanında daha güçlü tip güvenliği de sunuyor, aynı zamanda tüm hata mesajlarının okunmasını kolaylaştırıyor.

Sürüm 8 örnek hata mesajı;

verison 8 hata mesajı

Ivy ile gelen örnek hata mesajı;

Ivy Error mesaj

6-Gelişmiş Ulusallaştırma (Improved internationalization -i18n)

10 kat daha hızlı şekilde kullanabileceğimizi söylemektedirler.

Kaynak bilgisine ulaşmak için tıklayınız.