Dale St. Marthe
Bellek paneli, JavaScript nesnelerinin bellek dağılımını görmenize, bellek sızıntılarını keşfetmenize ve izole etmenize, işleve göre bellek ayırma dökümünü almanıza ve daha fazlasını yapmanıza olanak tanıyan teşhis araçları sunar.
Genel bakış
Bellek paneli, üç profil türünü yakalamanıza olanak tanır. Bu profil türleri, farklı perspektiflerden anlık görüntüler gösterir ve çeşitli faydalar sağlar:
- Yığın anlık görüntüsü. Yığın anlık görüntüleri, sayfanızın JavaScript nesneleri ve ilgili DOM düğümleri arasındaki bellek dağılımını gösterir.
- Zaman çizelgesinde ayırma enstrümantasyonu. Tahsis zaman çizelgeleri, donatılmış JavaScript bellek tahsislerinin zaman içindeki değişimini gösterir. Bir profil kaydedildikten sonra, içinde ayrılan ve kaydın sonunda hâlâ yayında olan nesneleri görmek için bir zaman aralığı seçebilirsiniz. Bellek sızıntılarını izole etmek için bu profil türünü kullanın.
- Ayırma örneklemesi. Bellek ayırmalarını örnekleme yöntemini kullanarak kaydeder. Bu profil türü minimum performans yüküne sahiptir ve uzun süreli işlemlerde kullanılabilir. JavaScript yürütme yığınına göre ayrılmış ayırmalar için iyi tahminler sağlar.
Bu profillerin her birini çalıştırmak için bir JavaScript sanal makine örneği seçebilirsiniz.
Daha fazla bilgi edinmek için aşağıdaki makaleleri inceleyin:
Bellek panelini açma
Bellek panelini açmak için:
- Geliştirici Araçları'nı açın.
- Aşağıdaki tuşlara basarak Komut menüsünü açın:
- macOS: Command+Üst Karakter+P
- Windows, Linux, ChromeOS: Control+Üst Karakter+P
memoryyazmaya başlayın, Belleği Göster'i seçin ve Enter'a basın. DevTools, Geliştirici Araçları pencerenizin üst kısmında Bellek panelini görüntüler.
Alternatif olarak Bellek panelini aşağıdaki yollarla da açabilirsiniz:
- Üstteki işlem çubuğunda double_arrow Daha fazla panel'i tıklayın ve açılır listeden Bellek'i seçin.
- Sağ üst köşede, more_vert Diğer seçenekler > Diğer araçlar > Bellek'i seçin.