Melihat browser potensial (terbuka di tab baru) pelambatan di Microsoft Edge (terbuka di tab baru) bisa segera jauh lebih mudah berkat alat baru yang akan memungkinkan pengguna untuk men-debug kebocoran memori.
Kebocoran memori terjadi saat JavaScript aplikasi (terbuka di tab baru) kode menyimpan lebih banyak objek dalam memori yang tidak lagi dibutuhkan alih-alih melepaskannya untuk pengumpulan sampah (GC).
Untuk aplikasi yang berjalan lama tanpa ditutup, kebocoran memori kecil hanya beberapa kilobyte dapat menambah hingga menurunkan kinerja secara nyata dari waktu ke waktu menurut posting blog baru (terbuka di tab baru) dari Microsoft.
Terpisah
React, pustaka JavaScript sumber terbuka untuk membangun antarmuka pengguna ujung depan, menyimpan salinan DOM (Document Object Model) virtual. Namun, gagal melepas komponen dengan benar dapat menyebabkan aplikasi membocorkan sebagian besar DOM virtual.
Untuk alasan ini, tim Microsoft Edge bekerja sama dengan Microsoft Teams untuk membangun alat Elemen Terpisah baru di browser yang memungkinkan pengguna menyelidiki dan menyelesaikan kebocoran memori DOM.
Meskipun ada alasan yang sah untuk melepaskan elemen, kebocoran memori DOM terjadi saat aplikasi menyimpan referensi ke lebih banyak elemen yang terlepas tanpa benar-benar menggunakannya kembali nanti. Karena kode yang digunakan dalam aplikasi tumbuh dalam ukuran dan kompleksitas, menjadi lebih mudah untuk membuat kesalahan dan lupa untuk membersihkan hal-hal yang tanpa disadari dapat menyebabkan menyimpan elemen DOM dalam memori.
Ini khususnya masalah untuk aplikasi yang berjalan lama. Misalnya, jika klien email (terbuka di tab baru) melepaskan elemen DOM setiap kali email dibuka dan ditutup dan pengguna membuat aplikasi tetap berjalan selama seminggu penuh, ini dapat menyebabkan penggunaan memori yang sangat tinggi dan memperlambat laptop bisnis pengguna (terbuka di tab baru) atau stasiun kerja (terbuka di tab baru) lembur.
Sementara alat Detached Elements baru dari Microsoft telah tersedia di Edge Canary (terbuka di tab baru) sejak versi 93, ini akan diluncurkan ke saluran stabil Microsoft Edge saat versi 97 browser diluncurkan bulan ini.
Untuk mengakses alat baru ini lebih awal, Anda harus membuka DevTools terlebih dahulu (terbuka di tab baru) di Edge dengan menekan F12 dan klik ikon roda gigi untuk membuka Pengaturan DevTools. Dari sini, navigasikan ke Eksperimen di sisi kiri panel Pengaturan, ketik Elemen Terpisah dan klik alat untuk mengaktifkannya.