Las novedades ayudan a medir transiciones lentas en aplicaciones de una sola página, analizar el trabajo del navegador y volver a enviar solicitudes de red. Las entradas soft navigation e interaction contentful paint aportan datos sobre cambios de vista y el contenido que aparece tras una interacción.
Publicado porEditado con GPT-6 LunaImágenes generadas con GPT Image 2
Respuesta de investigación

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
Las últimas novedades de Microsoft para desarrollo web abarcan medición del rendimiento, depuración, interacciones con agentes de IA y edición de texto. La clave es distinguir su disponibilidad: algunas funciones aparecen en las notas de versión o en DevTools; otras están pensadas para probarse, y el elemento nativo de menú todavía es un plan, no algo en lo que convenga basar un sitio en producción. 1
6
33
39
40
En una aplicación de una sola página (SPA), las personas pueden pasar de una vista a otra sin que se cargue un documento nuevo. Por eso, las métricas tradicionales de carga inicial no cuentan toda la historia. La API Performance de Edge incorpora dos tipos de entradas para analizar esos cambios: soft-navigation registra cambios del historial dentro del mismo documento iniciados por una interacción, mientras que interaction-contentful-paint informa de nuevas apariciones de contenido en las zonas de la página modificadas por esa interacción. 40
Las notas de versión de Edge también describen heurísticas de navegación suave para recopilar métricas de rendimiento en SPA. Estos datos ayudan a investigar cuándo ocurrió una transición interna y cuándo se mostró su contenido; sirven para diagnosticar, no para acelerar automáticamente la aplicación. 39
40
Los marcadores de JavaScript Self-Profiling añaden contexto sobre el trabajo que realiza el navegador entre muestras de JavaScript, como aplicar estilos, calcular el diseño, pintar y recolectar basura. Así, quienes desarrollan pueden diferenciar el tiempo dedicado al código de la aplicación del que el navegador invierte en otras tareas. Antes de incorporarlos a un flujo de trabajo de producción, conviene consultar la documentación vigente de Edge y confirmar su disponibilidad. 1
El comando Resend de la herramienta Network permite enviar de nuevo una solicitud capturada sin recargar la página. Es útil para comprobar cómo responde una petición al repetirla. 18
Con el flujo Edit and resend as Fetch, se puede modificar una solicitud capturada y probarla como una llamada fetch() en la consola. Son herramientas para facilitar la depuración de solicitudes; no hacen que la conexión de red sea más rápida. Microsoft describe el flujo más reciente en su actualización para desarrolladores y documenta la opción para volver a enviar solicitudes. 1
18
WebMCP es una propuesta emergente para que un sitio exponga acciones estructuradas que pueda utilizar un agente de navegación. La idea es que el agente interactúe con herramientas o acciones declaradas por el sitio, en vez de depender únicamente de interpretar visualmente la página. Microsoft presenta WebMCP como una función temprana para probar: es experimental y no debe darse por disponible para todas las personas usuarias. 1
OpaqueRange representa un tramo dinámico de texto dentro de un <input> de texto o un <textarea>. Puede servir para crear interacciones vinculadas a fragmentos concretos —por ejemplo, situar elementos de interfaz junto al texto o resaltarlo— sin exponer la estructura interna de los nodos del control. Microsoft incluye OpaqueRange entre las novedades de la plataforma web de Edge 152. 1
33
La API Web Install permite que un sitio solicite la instalación de otra aplicación web mediante la función asíncrona navigator.install(), que usa la experiencia de instalación integrada del navegador. Microsoft anunció que se puede probar en sitios propios a través de un origin trial de Edge. Un origin trial es una vía de experimentación, no una garantía de compatibilidad generalizada. 6
Microsoft también ha presentado un elemento <menu> nativo, pensado para ofrecer comportamientos de menú integrados. Como sigue siendo una función planificada, no debe tratarse como disponible de forma general ni utilizarse como base para funciones de producción hasta que se confirme su compatibilidad. 1
Para empezar, Edge documenta cómo volver a enviar solicitudes desde DevTools, y las notas de Edge 152 incluyen OpaqueRange. La API Web Install cuenta con una opción anunciada de origin trial. En el caso de las métricas de navegación suave, WebMCP y los marcadores de perfilado de JavaScript, hay que comprobar la versión y los requisitos de prueba vigentes antes de depender de ellos. El elemento de menú nativo, por ahora, sigue siendo un plan. 1
6
18
33
39
40
Studio Global AI
Esta página incluye una respuesta respaldada por fuentes que puede continuar dentro de Studio Global.
Las novedades ayudan a medir transiciones lentas en aplicaciones de una sola página, analizar el trabajo del navegador y volver a enviar solicitudes de red.
Las novedades ayudan a medir transiciones lentas en aplicaciones de una sola página, analizar el trabajo del navegador y volver a enviar solicitudes de red. Las entradas soft navigation e interaction contentful paint aportan datos sobre cambios de vista y el contenido que aparece tras una interacción.
OpaqueRange permite trabajar con rangos de texto en campos de formulario; WebMCP es una propuesta temprana para exponer acciones estructuradas a agentes de navegación.