Özet - Performans

Performans odaklı bir kütüphane projesi yazarsın.

Özet: performans optimizasyonu

Performans optimizasyonunun üç temel direği vardır: tür karmaşıklığını azaltmak (büyük birleşimleri ve derin özyinelemeyi sadeleştirmek), --generateTrace ile sıcak noktaları bulmak ve project references ile yapıyı bölerek artımlı derleme kurmak. Bu üçü birlikte, büyük TypeScript projelerinde dakikalar yerine saniyeler kazandırır.

tsc --generateTrace ./trace
# en pahalı türü bul
# birleşimleri sadeleştir
# references ile böl

Önce izle, sonra sadeleştir, en son böl.

Uygulama Performans config'ini doğrula

Bir validatePerfConfig fonksiyonu yaz: config'in incremental ve composite alanlarını kontrol etsin; eksikse uyarı dizisine ekleme yapsın. maxNodeCount 1.000.000'den büyükse de uyarı ekle. { incremental: true, composite: true, maxNodeCount: 500000 } config'i için uyarı sayısını yazdır.

Örnek çözümü göster

type PerfConfig = {
  incremental?: boolean;
  composite?: boolean;
  maxNodeCount?: number;
};

function validatePerfConfig(config: PerfConfig): string[] {
  const warnings: string[] = [];
  if (!config.incremental) warnings.push("enable incremental");
  if (!config.composite) warnings.push("enable composite for references");
  if (config.maxNodeCount && config.maxNodeCount > 1000000) {
    warnings.push("maxNodeCount very high");
  }
  return warnings;
}

const config = { incremental: true, composite: true, maxNodeCount: 500000 };
console.log(validatePerfConfig(config).length);

Kendini test et

Performans optimizasyonunun doğru sırası nedir?
- Önce sadeleştir, sonra izle, en son böl
- Önce izle, sonra sadeleştir, en son böl
- Önce izle, sonra böl, en son sadeleştir
- Önce böl, sonra sadeleştir, en son izle
Cevabı göster

Önce izle, sonra sadeleştir, en son böl — Önce izleme yapılarak sıcak nokta bulunur, sonra tür karmaşıklığı sadeleştirilir, en son yapı bölünür; sıcak nokta bilinmeden sadeleştirme veya bölme kör olur.

Sadeleştirme örüntüsü

// app → core → utils
// app değişirse: yalnızca ____ yeniden derlenir

Cevabı göster

// app → core → utils
// app değişirse: yalnızca app yeniden derlenir

Performans parçaları

--generateTrace

sıcak noktayı bulur
Tür sadeleştirme

karmaşıklığı azaltır
Project references

yapıyı böler
.tsbuildinfo

artımlı önbellek

Sıradaki ders: Plugin tasarımı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler