Don't forget the Chrome Dev Summit, starting Monday at 10:00am (Pacific) and streaming live on YouTube. Schedule.

Cara Menggunakan Alat (Bantu) Allocation Profiler

Gunakan alat (bantu) allocation profiler (profiler alokasi) untuk menemukan objek yang sampahnya tidak dikumpulkan dengan benar, dan melanjutkan mempertahankan memori.

Cara kerja alat

Allocation profiler menggabungkan informasi cuplikan terperinci dari profiler heap dengan pembaruan dan pelacakan bertahap dari panel Timeline. Mirip dengan alat ini, pelacakan alokasi heap objek dilakukan dengan cara memulai perekaman, melakukan serangkaian tindakan, lalu menghentikan perekaman untuk analisis.

Alat (bantu) mengambil cuplikan heap secara periodik selama proses perekaman (hingga setiap 50 md!) dan satu cuplikan final di akhir rekaman.

Allocation profiler

Mengaktifkan allocation profiler

Untuk mulai menggunakan allocation profiler:

  1. Pastikan Anda memiliki Chrome Canary terbaru.
  2. Buka Developer Tools dan klik ikon roda gigi di bagian kanan bawah.
  3. Sekarang, buka panel Profiler, seharusnya ada profil bernama "Record Heap Allocations"

Profiler Record heap allocations

Membaca profil alokasi heap

Profil alokasi heap menampilkan tempat dibuatnya objek dan mengidentifikasi jalur yang mempertahankan. Di cuplikan berikut, bilah di atas menunjukkan waktu ditemukannya objek baru di heap.

Tinggi setiap bilah sesuai dengan ukuran objek yang baru-baru ini dialokasikan, dan warna bilah menunjukkan apakah objek masih hidup di cuplikan heap terakhir atau tidak. Bilah biru menunjukkan objek yang masih hidup di akhir timeline, Bilah abu-abu menunjukkan objek yang dialokasikan selama timeline, tetapi sudah dikumpulkan sampahnya:

Cuplikan allocation profiler

Di cuplikan di bawah, suatu tindakan dilakukan 10 kali. Program contoh menyimpan lima objek di cache, sehingga lima bilah biru terakhir memang sudah diperkirakan. Akan tetapi, bilah biru paling kiri menunjukkan potensi masalah.

Anda bisa menggunakan slider di timeline di atas untuk memperbesar cuplikan tersebut dan melihat objek yang baru-baru ini dialokasikan di titik tersebut:

Perbesar di cuplikan

Mengeklik objek tertentu di heap akan menampilkan pohon yang menahannya di bagian bawah cuplikan heap. Memeriksa jalur yang menahan ke objek akan memberi Anda informasi yang cukup untuk memahami mengapa objek tidak dikumpulkan dan Anda bisa membuat perubahan kode yang diperlukan untuk membuang referensi yang tidak perlu.

Melihat alokasi memori berdasarkan fungsi

Anda juga dapat melihat alokasi memori berdasarkan fungsi JavaScript. Lihat Menyelidiki alokasi memori berdasarkan fungsi untuk informasi selengkapnya.