เราทุกคนรู้ดีว่าหน่วยความจำรั่วคืออะไรในตอนนี้ และข้อเท็จจริงที่ว่ามันยุ่งกับประสิทธิภาพการทำงานและอาจเป็นเรื่องยากที่จะแก้ไข
อาจเกิดขึ้นได้เมื่อโค้ด JavaScript ของแอปพลิเคชันเก็บอ็อบเจ็กต์ไว้ในหน่วยความจำมากขึ้นเรื่อยๆ ซึ่งไม่ต้องการอีกต่อไป แทนที่จะปล่อยให้เบราว์เซอร์เก็บขยะ (GC)
ในกรณีของแอปที่ทำงานเป็นเวลานาน หน่วยความจำรั่วขนาดเล็กเพียงไม่กี่กิโลไบต์สามารถเพิ่มประสิทธิภาพการทำงานลดลงอย่างเห็นได้ชัดเมื่อเวลาผ่านไป
เมื่อเร็ว ๆ นี้ บริษัทเทคโนโลยีใน Redmond ได้สร้างเครื่องมือ Detached Elements ใหม่ เพื่อระบุปัญหาและช่วยหยุดการรั่วไหล
การดีบักการรั่วไหลของหน่วยความจำไม่เคยง่ายขนาดนี้มาก่อน
Microsoft อธิบาย วิธีการทำงานของเครื่องมือ Detached Elements และให้บทสรุปที่เหมาะสมสำหรับทุกคนที่สนใจในเรื่องนี้
โดยพื้นฐานแล้ว เครื่องมือใหม่นี้จะช่วยคุณตรวจสอบและแก้ไขการรั่วไหลของหน่วยความจำ DOM และได้รับแรงบันดาลใจจากแผนก Microsoft Teams ตามข้อมูลของยักษ์ใหญ่ด้านเทคโนโลยี
ก่อนที่คุณจะลองใช้เครื่องมือใหม่นี้กับเนื้อหาเว็บของคุณเอง สิ่งสำคัญคือต้องทำความเข้าใจความแตกต่างระหว่างองค์ประกอบที่แยกออกมาและการรั่วไหลของ DOM
โดยปกติ Microsoft จะสร้างโหนด DOM ใน JavaScript เพื่อแทรกไว้ที่ใดที่หนึ่งในหน้าเพื่อแสดง
อย่างไรก็ตาม ยังสามารถสร้างโหนดและไม่ต้องแนบหรือลบโหนดออกจากหน้าและเก็บการอ้างอิงถึงโหนดเหล่านี้ใน JavaScript
หากต้องการ คุณสามารถทดสอบความสามารถของเครื่องมือใหม่ผ่านแอปสาธิต บน GitHub. มันจะช่วยให้คุณจำลองการรั่วไหลของหน่วยความจำและดูว่ายูทิลิตี้ Detachable Elements มีประโยชน์อย่างไร
โปรดทราบว่า Microsoft ขอแนะนำให้ผู้ที่สนใจในการสร้างใหม่ทดสอบเครื่องมือในสถานการณ์จริงเพื่อค้นหาปัญหาที่อาจเกิดขึ้น
และหากคุณต้องการให้คำติชมที่จำเป็นมากด้วย คุณสามารถทำได้ผ่านปุ่มคำติชม DevTools หรืออีกวิธีหนึ่ง โดยการทวีตที่ บัญชี Twitter Edge DevTools.
ตื่นเต้นกับชุดเครื่องมือใหม่นี้ไหม แบ่งปันความคิดของคุณกับเราในส่วนความคิดเห็นด้านล่าง
