Cómo pensar en las herramientas de velocidad

Google publicó mucha orientación sobre los datos y las herramientas de rendimiento. El objetivo de esta infografía es consolidar esta guía para desarrolladores y especialistas en marketing, y ayudarlos a comprender cómo pensar en el rendimiento y navegar por todas las ofertas de herramientas de rendimiento de Google.

Descargar la versión en PDF

Mitos comunes sobre el rendimiento

Mito 1

La experiencia del usuario se puede capturar con una sola métrica.

Una buena experiencia del usuario no se captura en un solo momento. Se compone de una serie de hitos clave en el recorrido de tus usuarios. Comprende las diferentes métricas y haz un seguimiento de las que son importantes para la experiencia de tus usuarios.

Mito 2

La experiencia del usuario se puede capturar con un solo "usuario representativo".
El rendimiento en el mundo real es muy variable debido a las diferencias en los dispositivos de los usuarios, las conexiones de red y otros factores. Calibra tu laboratorio y entorno de desarrollo para probar una variedad de estas condiciones diferentes. Usa los datos de campo para informar la selección de parámetros de prueba para el tipo de dispositivo (es decir, dispositivos móviles o computadoras), las conexiones de red (es decir, 3G o 4G) y otras variables clave.

Mito 3

Mi sitio web se carga rápido para mí, por lo que debería cargarse rápido para mis usuarios.
Los dispositivos y las redes en los que los desarrolladores prueban el rendimiento de carga suelen ser mucho más rápidos que los que experimentan los usuarios. Usa los datos de campo para comprender qué dispositivos y redes usan tus usuarios, y reproduce esas condiciones de forma adecuada cuando pruebes el rendimiento.

Comprende la diferencia entre los datos de laboratorio y los de campo

Datos de laboratorio

Los datos de lab son datos de rendimiento recopilados en un entorno controlado con parámetros de configuración de red y dispositivo predefinidos. Esto ofrece resultados reproducibles y capacidades de depuración para ayudar a identificar, aislar y corregir problemas de rendimiento.

Qué debes hacer

Ventajas

• Es útil para depurar problemas de rendimiento.
• Visibilidad profunda y de extremo a extremo de la UX
• Entorno de pruebas y depuración reproducible

Qué no debes hacer

Limitaciones

• Es posible que no capture los cuellos de botella del mundo real
• No se puede correlacionar con los KPIs de la página del mundo real

Nota: Las herramientas como Lighthouse y WebPageTest recopilan este tipo de datos.

Datos de campo

(También se denomina supervisión de usuarios reales o RUM)

Los datos de campo son datos de rendimiento recopilados de cargas de páginas reales que experimentan los usuarios en el mundo real.

Qué debes hacer

Ventajas

• Captura la experiencia real del usuario en el mundo real.
• Permite la correlación con los indicadores clave de rendimiento empresarial.

Qué no debes hacer

Limitaciones {: .compare-worse }

• Conjunto restringido de métricas
• Capacidades de depuración limitadas

Nota: Los conjuntos de datos públicos, como el Chrome User Experience Report, y las herramientas de rendimiento, como el informe de puntuación de velocidad de PageSpeed Insights, informan este tipo de datos.

¿Cuáles son las diferentes herramientas de rendimiento?

Faro Te brinda asesoramiento personalizado para mejorar tu sitio web en cuanto al rendimiento, la accesibilidad, las PWA, la SEO y otras prácticas recomendadas.	WebPageTest Te permite comparar el rendimiento de una o más páginas en un entorno de lab controlado, analizar en profundidad las estadísticas de rendimiento y probar el rendimiento en un dispositivo real. También puedes ejecutar Lighthouse en WebPageTest.
TestMySite Te permite diagnosticar el rendimiento de las páginas web en todos los dispositivos y proporciona una lista de correcciones para mejorar la experiencia de Webpagetest y PageSpeed Insights.	PageSpeed Insights Muestra datos de campo de velocidad para tu sitio, junto con sugerencias de optimizaciones comunes para mejorarlo.
Cuadro de evaluación de velocidad Te permite comparar la velocidad de tu sitio para dispositivos móviles con la de empresas similares en más de 10 países. La velocidad del sitio para dispositivos móviles se basa en datos reales del Informe sobre la experiencia del usuario en Chrome.	Calculadora de impacto Te permite estimar la oportunidad de ingresos potenciales que se genera al mejorar la velocidad de tu sitio móvil, según los datos de comparativas de Google Analytics.
Herramientas para desarrolladores de Chrome Te permite generar perfiles del tiempo de ejecución de una página, así como identificar y depurar cuellos de botella en el rendimiento.

Entonces, eres…

Si eres especialista en marketing o desarrollador, y quieres crear un caso de negocio para mejorar la experiencia del usuario de tu sitio web. Hablas de dólares y centavos, y buscas cifras monetarias que puedan ayudarte a cuantificar el costo de oportunidad y el aumento esperado.

• Usa el cuadro de evaluación de velocidad para ver cómo se compara la velocidad de tu sitio móvil con la de tus pares en más de 10 países. Las puntuaciones se basan en datos reales del Informe sobre la experiencia del usuario en Chrome.
• Usa la Calculadora de impacto para estimar la oportunidad de ingresos potenciales que podrías obtener si mejoras la velocidad de tu sitio para dispositivos móviles. El impacto se basa en los datos de comparativas de Google Analytics.
• Usa TestMySite para probar el tiempo de carga de tu página en dispositivos móviles junto con las comparativas de sectores y para descubrir cómo las correcciones sencillas pueden acelerar tu sitio y disminuir la pérdida de visitantes. Actualmente, TestMySite funciona con WebPageTest y PageSpeed Insights.

Eres un desarrollador que intenta comprender el rendimiento actual de tu sitio, según la experiencia de los usuarios reales de Chrome, y buscas recomendaciones de auditoría en función de las principales tendencias y lineamientos de la industria.

PageSpeed Insights te ayuda a comprender el rendimiento real de tu sitio, según la experiencia de los usuarios de Chrome, y recomienda oportunidades de optimización.

Desarrollador que intenta comprender y auditar un sitio web en función de las prácticas recomendadas modernas de rendimiento web

Lighthouse contiene un conjunto completo de oportunidades de rendimiento. Te proporciona una lista de las oportunidades de rendimiento que faltan en tu página y el tiempo que se ahorra con la implementación de cada optimización, lo que puede ayudarte a comprender lo que debes hacer.

Desarrollador que busca orientación técnica sobre cómo depurar o analizar en profundidad el rendimiento de tu sitio.

Las Herramientas para desarrolladores de Chrome (CDT) contienen un panel de rendimiento que te permite desglosar los problemas de rendimiento de tu sitio mediante la generación de perfiles con configuraciones personalizadas, lo que te permite realizar un seguimiento de los cuellos de botella de rendimiento. Puedes usar las CDT en las versiones de producción o desarrollo de un sitio web.

WebPageTest contiene un conjunto avanzado de métricas y visores de seguimiento. Permite analizar en profundidad el rendimiento de tu sitio en hardware móvil real con condiciones de red.