El rendimiento es un aspecto clave de la experiencia del usuario. La rapidez con la que se cargan las páginas y la rapidez con la que responden a las entradas de los usuarios puede tener un impacto significativo en la forma en que los usuarios perciben tu sitio y puede marcar la diferencia entre que los usuarios permanezcan en él o lo abandonen. En esta página, encontrarás una gran cantidad de información sobre varios temas de rendimiento web que te ayudarán a que tu sitio web sea rápido y lo mantengas así.
¿Es la primera vez que utilizas el rendimiento? Tenemos un curso integral para ayudarte a comenzar.
Actualízate sobre las tres métricas de las Métricas web esenciales, cómo funcionan y por qué son importantes para brindar una buena experiencia del usuario.
Una vez que hayas aprendido sobre las métricas de las Métricas web esenciales, estas guías pueden ayudarte a comprender cómo optimizarlas.
Explora las Métricas web esenciales con más detalle con una colección de guías.
Descubre nuevas funciones para mejorar el rendimiento que ahora están disponibles en Baseline: Newly.
Descubre cómo las empresas mejoraron sus Métricas web esenciales y, como resultado, observaron un aumento en sus métricas empresariales.
Obtén información para usar las Herramientas para desarrolladores de Chrome y depurar problemas de rendimiento en tu sitio web.
CURSO

El rendimiento web es un área temática compleja y multifacética, pero no es imposible de aprender. Si eres nuevo en el rendimiento, nuestro curso te ayudará a ponerse en marcha al presentarte primero la base del rendimiento, lo que te permitirá avanzar en temas más avanzados. Una vez que completes el curso, podrás aplicar lo que aprendiste en poco tiempo.

Las Métricas web esenciales son un conjunto de tres métricas enfocadas en la experiencia del usuario. Miden el rendimiento y la usabilidad de las páginas, incluido el tiempo de carga percibido, la estabilidad visual y la capacidad de respuesta a las entradas del usuario. Si es la primera vez que utilizas las Métricas web esenciales, estas guías te familiarizarán con su funcionamiento y te brindarán un punto de partida para saber cómo optimizarlas.

El LCP es una métrica que mide el tiempo que tarda en aparecer el contenido más grande en una página. Las páginas con un LCP bajo les indican a los usuarios que la página se carga rápidamente.
El CLS es una métrica que mide la estabilidad del diseño observando la página en busca de cambios inesperados en el diseño. Las páginas con un CLS bajo indican a los usuarios que el diseño de una página es estable y no cambiará de forma inesperada cuando intenten interactuar con ella.
INP es una métrica que mide la capacidad de respuesta de una página a las entradas del usuario. Las páginas con un INP bajo indican a los usuarios que una página responde rápidamente cuando interactúan con ellas, lo que hace que tu sitio web se sienta más confiable y agradable de usar.
Cada una de las métricas de Core Web Vitals se puede optimizar para mejorar la experiencia del usuario. Cada una de estas guías profundiza en demostrar cómo puedes aplicar técnicas comprobadas para mejorar el rendimiento y la confiabilidad de tu sitio web, de modo que los usuarios sigan estando más interesados y tengan menos probabilidades de abandonar el sitio.
Obtén información para optimizar el LCP para tus usuarios, de modo que puedan ver el contenido más importante de tu página lo más rápido posible.
Aprende a optimizar CLS para tus usuarios, de modo que puedan esperar que tu sitio web se mantenga estable y más utilizable.
Obtén información para optimizar la INP para tus usuarios, de modo que puedan esperar que tu sitio web responda rápidamente a las interacciones.
Las tres métricas de las Métricas web esenciales y cómo optimizarlas son un buen comienzo, pero hay aún más temas relacionados que puedes absorber. Esta colección de contenido te ayudará a comprender cómo medirlos y depurarlos, así como algunas prácticas recomendadas adicionales para los avisos de cookies, los carruseles y otras inquietudes comunes sobre la interfaz de usuario.
Mejorar el rendimiento no solo mejora la experiencia del usuario, sino que también tiene el potencial de hacer crecer tu empresa. Descubre cómo estas empresas mejoraron sus Métricas web esenciales y observaron un aumento en sus métricas comerciales.
Descubre cómo Disney+ Hotstar aumentó las vistas de tarjetas semanales en un 100% en los dispositivos de sala de estar reduciendo el INP en un 61%.
Descubre cómo la plataforma de administración de consentimiento de PubTech redujo el INP en los sitios web de sus clientes hasta en un 64% y mejoró la visibilidad de los anuncios en hasta un 1.5%
Descubre cómo Taboola usó la API de Long Animation Frames (LoAF) para mejorar la INP hasta en un 36% en los sitios web de sus socios publicadores.

Los indicadores de Baseline les indican a los desarrolladores web cuándo las funciones de la plataforma web se pueden usar de forma segura en todos los motores de navegador principales. Estas son algunas funciones relacionadas con el rendimiento web que ahora están disponibles en el modelo de referencia.

La propiedad CSS content-visibility pasó a estar disponible como Baseline en septiembre de 2024.
El formato de imagen AVIF se convirtió en Baseline recién disponible en enero de 2024.
La carga previa de módulos se convirtió en la versión de referencia disponible en septiembre de 2023.
El encabezado de respuesta HTTP Server-Timing se convirtió en el modelo de referencia disponible recientemente en marzo de 2023.

Chrome DevTools es un paquete de herramientas para que los desarrolladores depuren aplicaciones web, incluidas herramientas que te ayudan a comprender y mejorar el rendimiento de tus aplicaciones web.

El panel Network de DevTools muestra todos los recursos que carga una página y cuánto tiempo tardó en cargarlos. Obtén información para usar este panel y así identificar problemas de rendimiento relacionados con la carga de recursos.
El panel Performance de las Herramientas para desarrolladores te muestra información increíblemente detallada sobre el rendimiento de una página durante una sesión de grabación, incluida la actividad en el subproceso principal, la actividad de la red y herramientas adicionales que pueden ayudarte a identificar y solucionar problemas de rendimiento.
El panel Memory muestra cuánta memoria está utilizando el JavaScript de una página. Si aprendes a usar este panel, podrás descubrir y corregir problemas relacionados con la memoria que causa el código JavaScript de una página.