Edge’s updates help developers measure slow single page app transitions, inspect JavaScript and replay network requests. Soft navigation and interaction contentful paint entries expose performance data for in page changes and content shown after user interactions.
Published byEdited with GPT-6 LunaImages generated with GPT Image 2
Research answer

Create a landscape editorial hero image for this Studio Global article: What new Microsoft Edge web-development features has Microsoft announced to improve slow single-page apps, diagnose JavaScript and network p. Article summary: Microsoft’s announcements address two different needs: measuring where single-page apps feel slow, and giving developers better tools for debugging and building interactive experiences. They are at different stages—some . Topic tags: general, general web, documentation. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fak
Microsoft’s latest web-development updates span performance measurement, debugging, AI-agent interactions and text editing. The practical distinction is availability: some capabilities are documented in Edge releases or DevTools, some are intended for experimentation, and the proposed native menu element is not yet a feature to rely on in production. 1
6
33
39
40
Traditional page-load metrics do not tell the whole story for a single-page app, where a user can move between views without loading a new document. Edge’s Performance API adds two entry types to help developers inspect these transitions: soft-navigation reports interaction-initiated, same-document history changes, and interaction-contentful-paint reports new contentful paints in parts of a page changed by an interaction. 40
Edge’s release notes also describe soft-navigation heuristics for collecting performance metrics in single-page apps. These entries give developers a way to investigate when an in-app transition happened and when its resulting content appeared; they are diagnostic signals, not automatic performance fixes. 39
40
JavaScript Self-Profiling markers provide context about browser work between JavaScript samples, including activities such as styling, layout, painting and garbage collection. That can help developers distinguish time spent running application code from time spent on other work the browser performs. Check the current Edge documentation and feature availability before relying on this in a production workflow. 1
The Network tool’s Resend command sends a captured request again without reloading the page. That makes it useful for checking how a request behaves when repeated. 18
The newer Edit and resend as Fetch workflow lets developers adjust a captured request and try it as a fetch() call in the Console. These controls make request debugging more convenient; they do not make the underlying network connection faster. Microsoft’s developer update describes the newer workflow, while Edge’s documentation covers resending requests. 1
18
WebMCP is an emerging way for a site to expose structured actions that a browsing agent can use. The aim is to let agents interact with a site through declared tools or actions, rather than depending only on visual interpretation of the page. Microsoft presents WebMCP as an early feature for testing, so developers should treat it as experimental rather than assume it is available to all users. 1
OpaqueRange represents a live span of text inside a text-based <input> or <textarea>. Developers can use ranges to build text-specific interactions in form controls, such as positioning related UI or applying highlights, without exposing the internals of the control’s text nodes. Microsoft lists OpaqueRange in Edge 152’s web-platform updates. 1
33
The Web Install API lets a site request installation of another web app through the asynchronous navigator.install() function, using the browser’s built-in installation experience. Microsoft announced the API as available for testing through an Edge origin trial. An origin trial is a testing path, not a guarantee of universal browser support. 6
Microsoft has also outlined a native <menu> element intended to offer built-in menu behavior. It is a planned feature, so developers should not treat it as generally available or build production behavior around it until support is confirmed. 1
For hands-on work, Edge documents request resending in DevTools, and its Edge 152 release notes include OpaqueRange. The Web Install API has an announced origin-trial path. For soft-navigation metrics, WebMCP and JavaScript profiling markers, verify the current release and testing requirements before depending on them; the native menu element remains a plan. 1
6
18
33
39
40
Studio Global AI
This page includes a source-backed answer you can continue inside Studio Global.
Edge’s updates help developers measure slow single page app transitions, inspect JavaScript and replay network requests.
Edge’s updates help developers measure slow single page app transitions, inspect JavaScript and replay network requests. Soft navigation and interaction contentful paint entries expose performance data for in page changes and content shown after user interactions.
OpaqueRange supports text ranges in form controls, while WebMCP is an early way for sites to expose structured actions to browsing agents.