Merge remote-tracking branch 'origin/main' into live

Author: captainbrosset

.openpublishing.redirection.json

@@ -114,6 +114,11 @@
         "redirect_url": "/microsoft-edge/devtools-guide-chromium/evaluate-performance/",
         "redirect_document_id": false
       },
+      {
+        "source_path": "./microsoft-edge/devtools-guide-chromium/memory-problems/dom-leaks.md",
+        "redirect_url": "/microsoft-edge/devtools-guide-chromium/memory-problems/dom-leaks-memory-tool-detached-elements",
+        "redirect_document_id": false
+      },
 // /Microsoft Edge DevTools
 // ============================================================================
 // Microsoft Edge extensions

microsoft-edge/dev-videos/index.md

@@ -625,16 +625,12 @@ December 9, 2021
 
 [![Thumbnail image for video "Debug memory leaks with the Microsoft Edge Detached Elements tool"](./index-images/detached-elements.png)](https://www.youtube.com/watch?v=v2iy17ptmBk)
 
-To debug DOM memory leaks, use either:
-* The **Detached Elements** tool.  Detached nodes have a link to the associated JavaScript code.
-* The **Detached elements** profiling type in the **Memory** tool.
-
-The **Detached Elements** tool helps you investigate and resolve DOM memory leaks.
+March 2025 update: The **Detached Elements** tool has been removed.  To debug DOM memory leaks, use the **Detached elements** profiling type in the **Memory** tool.
 
 Memory leaks occur when the JavaScript code of an application retains more and more objects in memory instead of releasing them for the browser to garbage-collect.  We built the **Detached Elements** tool with the Microsoft Teams developers, and it has already helped us find and fix memory leaks across many of our own websites and apps.
 
 See also:
-* [Debug DOM memory leaks by using the Detached Elements tool](../devtools-guide-chromium/memory-problems/dom-leaks.md)<!-- has Video section -->
+* [Find DOM tree memory leaks from detached elements](../devtools-guide-chromium/memory-problems/index.md#find-dom-tree-memory-leaks-from-detached-elements) in _Fix memory problems_.
 * [Debug memory leaks with the Microsoft Edge Detached Elements tool](https://blogs.windows.com/msedgedev/2021/12/09/debug-memory-leaks-detached-elements-tool-devtools/) - blog post.
 
 

microsoft-edge/devtools-guide-chromium/about-tools.md

@@ -41,7 +41,6 @@ Microsoft Edge DevTools includes the following tools.
 | **Coverage** tool | Help you find unused JavaScript and CSS code, to speed up your page load and save your mobile users cellular data. | [Find unused JavaScript and CSS code with the Coverage tool](coverage/index.md) |
 | **Crash analyzer** tool | Analyze crashes of your web app.  You can input a JavaScript production stack trace, such as for non-fatal JavaScript exceptions, and then have your source maps applied to the stack trace so that you can debug faster. | [Crash analyzer tool](./crash-analyzer/index.md) |
 | **CSS overview** tool | Help you better understand your page's CSS and identify potential improvements. | [CSS overview tool](css/css-overview-tool.md) |
-| **Detached Elements** tool | To increase the performance of your webpage, find detached elements that the browser can't garbage-collect, and then identify the JavaScript object that's still referencing the detached element.  Then change your JavaScript to release the element, to reduce the number of detached elements on your page, increasing page performance and responsiveness. | [Debug DOM memory leaks by using the Detached Elements tool](memory-problems/dom-leaks.md) |
 | **Developer resources** | Shows resource URLs for the webpage. | [Developer resources tool](developer-resources/developer-resources.md) |
 | **Device Emulation** | Use the **Device Emulation** tool, also called _Device Simulation Mode_ or _Device Mode_, to approximate how your page looks and responds on a mobile device. | [Emulate mobile devices (Device Emulation)](device-mode/index.md) |
 | **Elements** tool | Inspect, edit, and debug your HTML and CSS.  You can edit in the tool while displaying the changes live in the browser.  Debug your HTML using the DOM tree, and inspect and work on the CSS for your webpage. | [Inspect, edit, and debug HTML and CSS with the Elements tool](elements-tool/elements-tool.md) |

microsoft-edge/devtools-guide-chromium/landing/index.yml

@@ -167,9 +167,6 @@ landingContent:
           - text: Fix memory problems
             url: ../memory-problems/index.md
 
-          - text: Debug DOM memory leaks by using the Detached Elements tool
-            url: ../memory-problems/dom-leaks.md
-
           - text: Understand security issues using the Security tool
             url: ../security/index.md