Mejoras en el panel de rendimiento
Esta versión incluye varias mejoras en el panel Rendimiento.
Mueve y oculta pistas con el modo de configuración de pistas actualizado
Ahora puedes ingresar al modo de configuración de seguimiento haciendo clic con el botón derecho en el nombre del seguimiento y seleccionando Configurar seguimientos. Se quitó el botón de edición que requería espacio adicional.
El modo de configuración de pistas te permite cambiar el orden de las pistas y ocultarlas. Haz clic en hacia arriba o hacia abajo para mover la pista, o bien haz clic en para ocultarla. Para salir del modo de configuración, haz clic en Terminar de configurar seguimientos en la parte inferior. Esta configuración persiste para los registros nuevos, pero no para las próximas sesiones de DevTools.
Error de Chromium: 336266699.
Ignorar las secuencias de comandos en el gráfico de llamas
El gráfico de llamas en el segmento Principal agrega compatibilidad con la lista de elementos ignorados. Ahora puedes hacer clic con el botón derecho en una secuencia de comandos del gráfico y seleccionar Agregar secuencia de comandos a la lista de ignorados.
El gráfico contrae las secuencias de comandos ignoradas, las marca como En la lista de elementos ignorados y las agrega a las Reglas de exclusión personalizadas en Configuración > Lista de elementos ignorados. Los secuencias de comandos ignorados se guardan hasta que los quitas del registro o de las reglas de exclusión personalizadas.
Error de Chromium: 336266714.
Reducir la CPU 20 veces
El menú de limitación de CPU en Configuración de captura del panel Rendimiento obtiene una nueva opción de 20 veces más lento. Por lo tanto, ahora puedes reproducir y analizar con mayor precisión los problemas de rendimiento del mundo real, incluso en computadoras de alta gama.
Error de Chromium: 324978881.
Se dejará de usar el panel Estadísticas de rendimiento
El panel experimental Estadísticas de rendimiento quedará obsoleto en 2024. El equipo de Herramientas para desarrolladores está trabajando para integrar sus funciones más útiles en el panel Rendimiento. El panel Estadísticas de rendimiento ahora muestra un banner en la parte superior que te informa sobre la próxima baja en desuso.
Para obtener más información, consulta Herramientas de rendimiento en 2024 y más allá.
Si tienes comentarios sobre lo que funciona, lo que no funciona y lo que crees que se puede mejorar, queremos escucharte.
Pega cadenas de encabezado completas para anularlas
Cuando anulas encabezados, ahora puedes pegar una cadena de encabezado completa (HEADER_NAME: VALUE) y las Herramientas para desarrolladores dividirán la cadena en : en un nombre de encabezado y su valor.
Puedes ver esto en acción en el siguiente video.
Cuando editas encabezados, el panel Network ahora te advierte si ingresaste caracteres que no sean alfanuméricos, guiones y guiones bajos.
Además, las opciones de menú de anulación y los botones Editar están inhabilitados para las URLs de chrome://, lo que coincide con el comportamiento previsto.
Problemas de Chromium: 330967147, 337012362, 328210785.
Encuentra el uso excesivo de memoria con los nuevos filtros en las instantáneas del montón
Las instantáneas del montón en el panel Memoria obtienen nuevos filtros que pueden ayudarte a encontrar casos comunes de uso ineficiente de la memoria, como cadenas duplicadas, objetos retenidos por nodos DOM separados y la Consola de Herramientas para desarrolladores.
Error de Chromium: 337094903.
Inspecciona los buckets de almacenamiento en Application > Storage
Ahora puedes inspeccionar los buckets de almacenamiento en un árbol dedicado en la sección Application > Storage. Este árbol, que antes era experimental, ahora está habilitado de forma predeterminada.
Error de Chromium: 338094915.
Inhabilita las advertencias de XSS propio con una marca de línea de comandos
Si automatizas el uso de Chrome o abres Herramientas para desarrolladores desde la línea de comandos para depurar, a menudo querrás inhabilitar la advertencia de XSS propio que aparece en cada sesión nueva de Herramientas para desarrolladores.
Ahora puedes inhabilitar este diálogo pasando la --unsafely-disable-devtools-self-xss-warnings marca de línea de comandos a Chrome.
Error de Chromium: 41491762.
Lighthouse 12.0.0
El panel Lighthouse ahora ejecuta Lighthouse 12.0.0.
Esta actualización incluye varios cambios, como la eliminación de la categoría de PWA, la reorganización de la categoría de SEO, la baja de la función de Ahorro general, nuevas auditorías y cambios en las auditorías. Consulta la lista completa de cambios.
Para conocer los conceptos básicos del uso del panel Lighthouse en las Herramientas para desarrolladores, consulta Lighthouse: Optimiza la velocidad del sitio web.
Error de Chromium: 772558.
Otros aspectos destacados
Estas son algunas de las correcciones y mejoras más importantes de esta versión:
- Rendimiento:
- La configuración de captura lenta (Habilitar la instrumentación avanzada de procesamiento y Habilitar las estadísticas del selector CSS) ahora se borra automáticamente en la siguiente sesión de Herramientas para desarrolladores.
- La pestaña Selector Stats ahora no se desplaza automáticamente hacia la parte inferior a medida que acercas el gráfico de llamas y cambian los datos (337999939).
- Consola: La combinación de teclas Ctrl + ` ahora cierra la Consola en el panel solo si está enfocada (40875466, 328210785).
- Autocompletar: Se corrigió el análisis de direcciones (335409093, 335409707).
- Accesibilidad: Se corrigieron los anuncios del lector de pantalla para las cadenas localizadas (324930007).
Descarga los canales de vista previa
Considera usar Chrome Canary, Dev o Beta como tu navegador de desarrollo predeterminado. Estos canales de versión preliminar te brindan acceso a las funciones más recientes de DevTools, te permiten probar las APIs de vanguardia de la plataforma web y te ayudan a encontrar problemas en tu sitio antes de que lo hagan tus usuarios.
Comunícate con el equipo de Herramientas para desarrolladores de Chrome
Usa las siguientes opciones para hablar sobre las funciones nuevas, las actualizaciones o cualquier otro tema relacionado con Herramientas para desarrolladores.
- Envíanos tus comentarios y solicitudes de funciones a crbug.com.
- Informa un problema de Herramientas para desarrolladores con Más opciones > Ayuda > Informar un problema de Herramientas para desarrolladores en Herramientas para desarrolladores.
- Envía un tuit a @ChromeDevTools.
- Deja comentarios en los videos de Novedades de las Herramientas para desarrolladores de YouTube o en los videos de Sugerencias sobre las Herramientas para desarrolladores de YouTube.
Novedades de Herramientas para desarrolladores
Una lista de todo lo que se abordó en la serie Novedades de DevTools
- Actualizaciones del servidor de MCP de las Herramientas para desarrolladores
- Mejoras en el uso compartido de rutas
- Compatibilidad con @starting-style
- Widget del editor para la visualización: mampostería
- Lighthouse 13
- Sugerencias de código de Gemini
- Mejoras en el servidor de MCP de Herramientas para desarrolladores
- Acceso más rápido a la asistencia de IA
- Cómo depurar el registro de rendimiento completo con Gemini
- Activar o desactivar la orientación del panel lateral
- Programa para desarrolladores de Google
- Otros aspectos destacados
- Herramientas para desarrolladores de Chrome (MCP) para tu agente de IA
- Cómo depurar el árbol de dependencias de red con Gemini
- Cómo exportar tus chats con Gemini
- Configuración de seguimiento persistente en el panel Rendimiento
- Cómo filtrar solicitudes de red protegidas por IP
- La pestaña Elements > Layout agrega compatibilidad con el diseño de mampostería
- Lighthouse 12.8.2
- Otros aspectos destacados
- Depura más estadísticas con Gemini
- Emula el encabezado "Save-Data" en "Condiciones de red"
- Cómo ver el estado de Baseline en la información sobre herramientas de una propiedad de CSS
- Cómo anular los factores de forma en las sugerencias de clientes de usuario-agente
- Lighthouse 12.8.0
- Otros aspectos destacados
- Herramientas para desarrolladores de Chrome más confiables y productivas
- Cómo subir imágenes en la asistencia de IA para el diseño
- Cómo agregar encabezados de solicitud a la tabla en Red
- Consulta los momentos destacados de Google I/O 2025
- Otros aspectos destacados
- Mejoras en el panel Rendimiento
- Orígenes conectados previamente en la estadística "Árbol de dependencias de red"
- Tiempos de respuesta y redireccionamiento del servidor en la estadística "Latencia de solicitud de documento"
- Redireccionamientos en el resumen de solicitudes de red
- Se redujo el ruido en el registro de rendimiento
- Se dejó de usar "Inhabilitar las muestras de JavaScript"
- Parámetro de precisión de la ubicación geográfica en Sensors
- Mejoras en el panel Elementos
- Depura valores de CSS complejos con mayor facilidad
- Compatibilidad con@function en Elements > Styles
- Mejoras en el panel de red
- Filtro has-request-header
- Sockets directos en apps web aisladas
- Otros aspectos destacados
- Accesibilidad
- Edición de Google I/O 2025
- Cómo modificar y guardar cambios de CSS en tu espacio de trabajo con Gemini
- Conecta una carpeta del espacio de trabajo y guarda los cambios en tus archivos fuente
- Pregúntale a Gemini sobre las estadísticas de rendimiento
- Anota los resultados del rendimiento con Gemini
- Agrega capturas de pantalla a tus chats con Gemini
- Nuevos análisis en el panel Rendimiento
- JavaScript duplicado
- JavaScript heredado
- Las especulaciones ahora admiten etiquetas de reglas
- Lighthouse 12.6.0
- Otros aspectos destacados
- Accesibilidad
- Mejoras en el panel Rendimiento
- Nuevos estadísticas de rendimiento
- Haz clic para destacar
- Tiempos del servidor en el resumen de solicitudes de red
- Cómo filtrar cookies en "Privacidad y seguridad"
- Tamaños en unidades de kB en tablas de todos los paneles
- La función de autocompletar admite corner-shape y corner-*-shape en Elements > Styles
- Experimental: Destaca problemas con elementos y atributos en el DOM
- Lighthouse 12.5.0
- Otros aspectos destacados
- Mejoras en el panel Rendimiento
- Vínculos de origen y de secuencia de comandos para las llamadas a perfiles y funciones en Rendimiento
- Compatibilidad con datos de campo de LCP por fase
- Estadística del árbol de dependencias de red
- Duración en lugar de tiempo total y propio en Resumen
- Destacado de la pila más pesada
- Se mejoraron los estados vacíos de varios paneles
- Vista de árbol de accesibilidad en Elements
- Lighthouse 12.4.0
- Otros aspectos destacados
- Panel de privacidad y seguridad
- Mejoras en el panel Rendimiento
- Ajustes predeterminados de limitación de la CPU calibrados
- Selecciona diferentes eventos de rendimiento en el mismo chat de IA
- Destacado de datos propios y de terceros en Rendimiento
- Datos de campo en las sugerencias y las estadísticas de la herramienta de marcadores
- Estadística de reprocesamiento forzado
- Estadística "Optimiza el tamaño del DOM"
- Extiende el registro de rendimiento con console.timeStamp
- Mejoras en el panel Elementos
- Valores en tiempo real de los estilos animados
- Compatibilidad con la seudoclase :open y varios seudoelementos
- Copiar todos los mensajes de la consola
- Unidades de bytes en el panel Memoria
- Otros aspectos destacados
- Historial de chat persistente de IA
- Mejoras en el panel Rendimiento
- Estadística de publicación de imágenes
- Navegación con teclado clásica y moderna
- Cómo ignorar los lenguajes de secuencias de comandos irrelevantes en el gráfico de llamas
- Marcador de línea de tiempo y resaltado de rango al colocar el cursor
- Configuración de limitación recomendada
- Marcadores de tiempos en una superposición
- Seguimiento de pila de llamadas de JS en Summary
- Se movió la configuración de insignias al menú en Elementos
- Nuevo panel "Novedades"
- Lighthouse 12.3.0
- Otros aspectos destacados
- Cómo depurar solicitudes de red, archivos fuente y registros de rendimiento con Gemini
- Cómo ver el historial de chat de IA
- Administra el almacenamiento de extensiones en Application > Storage
- Mejoras en el rendimiento
- Fases de interacción en las métricas en vivo
- Información de bloqueo de la renderización en la pestaña Resumen
- Compatibilidad con los eventos de scheduler.postTask y sus flechas de iniciador
- Mejoras en el panel Animations y en la pestaña Elements > Styles
- Cómo saltar de Elements > Styles a Animations
- Actualizaciones en tiempo real en la pestaña Calculado
- Emulación de la presión de procesamiento en Sensors
- Objetos JS con el mismo nombre agrupados por fuente en el panel Memoria
- Nuevo aspecto de la configuración
- El panel Estadísticas de rendimiento está obsoleto y se quitó de Herramientas para desarrolladores
- Otros aspectos destacados
- Depura CSS con Gemini
- Controla las funciones potenciadas por IA en una pestaña de configuración dedicada
- Mejoras en el panel Rendimiento
- Anota y comparte los resultados de rendimiento
- Obtén estadísticas de rendimiento directamente en el panel Rendimiento
- Detecta los cambios de diseño excesivos con mayor facilidad
- Cómo detectar las animaciones no compuestas
- La simultaneidad del hardware se traslada a Sensors
- Ignora las secuencias de comandos anónimas y enfócate en tu código en los seguimientos de pila
- Elements > Styles: Compatibilidad con los modos de escritura sideways-* para las superposiciones de cuadrícula y las palabras clave de CSS
- Auditorías de Lighthouse para páginas que no son HTTP en los modos de período y resumen
- Mejoras de accesibilidad
- Otros aspectos destacados
- Mejoras en el panel de red
- Se rediseñaron los filtros de red
- Las exportaciones de HAR ahora excluyen los datos sensibles de forma predeterminada
- Mejoras en el panel Elementos
- Valores de autocompletar para las propiedades text-emphasis-*
- Desbordamientos de desplazamiento marcados con una insignia
- Mejoras en el panel Rendimiento
- Recomendaciones en las métricas en vivo
- Navega por las rutas de navegación
- Mejoras en el panel de memoria
- Nuevo perfil "Elementos desconectados"
- Se mejoró la nomenclatura de los objetos JS simples
- Cómo desactivar los temas dinámicos
- Chrome Experiment: Process sharing (Chrome Experiment: Uso compartido de procesos)
- Lighthouse 12.2.1
- Otros aspectos destacados
- Recorder admite la exportación a Puppeteer para Firefox
- Mejoras en el panel Rendimiento
- Observaciones de métricas en vivo
- Solicitudes de búsqueda en el registro de red
- Cómo ver los seguimientos de pila de las llamadas a performance.mark y performance.measure
- Cómo usar datos de direcciones de prueba en el panel de Autocompletar
- Mejoras en el panel Elementos
- Forzar más estados para elementos específicos
- Ahora, Elementos > Estilos autocompleta más propiedades de cuadrícula
- Lighthouse 12.2.0
- Otros aspectos destacados
- Las estadísticas de la consola de Gemini estarán disponibles en la mayoría de los países europeos
- Actualizaciones del panel de rendimiento
- Pista de red mejorada
- Personaliza los datos de rendimiento con la API de extensibilidad
- Detalles en el segmento Timings