Cómo pensar las herramientas de velocidad

Cómo pensar 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 a fin de ayudarlos a entender cómo pensar en el rendimiento y navegar por todas las ofertas de herramientas de rendimiento de Google.

Descargar la versión en PDF

Una hoja de papel con
un gráfico de líneas.

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 eventos importantes clave en el recorrido de tus usuarios. Comprende las diferentes métricas y haz un seguimiento de las más importantes para la experiencia de los usuarios.

Mito 2

Una colección de iconografía de red que representa diferentes dispositivos y condiciones de red.

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 entorno de desarrollo y lab para probar diversas condiciones de este tipo. Usa los datos de campo para informar la selección de parámetros de prueba según el tipo de dispositivo (es decir, dispositivo móvil o computadora de escritorio), las conexiones de red (es decir, 3G o 4G) y otras variables clave.

Mito 3

Una variedad de representaciones
de diferentes tipos de usuarios.

Mi sitio web carga rápido, por lo que los usuarios deberían poder hacerlo rápidamente.
A menudo, los dispositivos y las redes en los que los desarrolladores prueban el rendimiento de carga son mucho más rápidos que lo que experimentan en realidad los usuarios. Usa los datos de campo para comprender qué dispositivos y redes se encuentran tus usuarios y replica adecuadamente esas condiciones cuando pruebes el rendimiento.

Comprensión de los datos de lab frente a los de campo

Datos de laboratorio

Una representación de un hombre de pie frente
a un conjunto de íconos y conceptos técnicos abstractos.

Los datos de lab son datos de rendimiento que se recopilan en un entorno controlado con una configuración predefinida de dispositivos y redes. Esto ofrece resultados reproducibles y capacidades de depuración para ayudar a identificar, aislar y solucionar problemas de rendimiento.

Ventajas

  • Es útil para depurar problemas de rendimiento.
  • Visibilidad profunda y de extremo a extremo de la UX
  • Entorno de pruebas y depuración reproducibles
Qué no debes hacer

Limitaciones

  • Es posible que no captes cuellos de botella en el mundo real
  • No se pueden correlacionar con KPI de páginas reales

Datos de campo

Representación de personas en un entorno público usando dispositivos móviles.

(También denominado 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 su interior.

Ventajas

  • Captura una experiencia del usuario real y real
  • Permite correlacionar los indicadores clave de rendimiento de la empresa
Qué no debes hacer

Limitaciones {: .compare-worse }

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

¿Cuáles son las diferentes herramientas de rendimiento?

Faro

Faro

Te brinda sugerencias personalizadas para mejorar tu sitio web en función del rendimiento, la accesibilidad, la AWP, la SEO y otras prácticas recomendadas.

WebPageTest

WebPageTest

Te permite comparar el rendimiento de una o más páginas en un entorno de lab controlado, profundizar en las estadísticas de rendimiento y probar el rendimiento en un dispositivo real. También puedes ejecutar Lighthouse en WebPageTest.

TestMySite

TestMySite

Te permite diagnosticar el rendimiento de páginas web en diferentes dispositivos y proporciona una lista de correcciones para mejorar la experiencia de Webpagetest y PageSpeed Insights.

PageSpeed Insights

PageSpeed Insights

Muestra datos del campo de velocidad de tu sitio, junto con sugerencias de optimizaciones comunes para mejorarlo.

Evaluación Speed

Speed Scorecard

Te permite comparar la velocidad de tu sitio móvil con la de otras similares en más de 10 países. La velocidad de un sitio móvil se basa en datos reales del Informe sobre la experiencia del usuario en Chrome.

Calculadora de impacto

Calculadora de impacto

Te permite estimar la posibilidad de obtener ingresos potenciales si mejoraras la velocidad de tu sitio móvil en función de los datos comparativos de Google Analytics.

Herramientas para desarrolladores de Chrome

Herramientas para desarrolladores de Chrome

Te permite generar un perfil del entorno de ejecución de una página, así como identificar y depurar cuellos de botella en el rendimiento.

Entonces estás...

Ícono de un libro que muestra
tablas y gráficos.

Especialista en marketing o desarrollador que intenta presentar un caso comercial para mejorar la experiencia del usuario de tu sitio web. Hablas mucho y buscas cifras monetarias que te ayuden a cuantificar el costo de oportunidad y la efectividad esperada.

  • Usa el Speed Scorecard para ver cómo se compara la velocidad de tu sitio móvil con la de otras similares en más de 10 países. Las puntuaciones se basan en datos reales del Informe sobre la experiencia del usuario de Chrome.
  • Usa la Calculadora de impacto para estimar la posible oportunidad de generar ingresos si mejoraras la velocidad de tu sitio móvil. El impacto se genera a partir de 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 descubre cómo las correcciones simples pueden acelerar el sitio y disminuir la pérdida de visitantes. Actualmente, TestMySite cuenta con la tecnología de WebPageTest y PageSpeed Insights.
Ícono de una laptop con el logotipo de Chrome detrás y ligeramente encima de él

Un desarrollador que intenta comprender el rendimiento actual de tu sitio, según lo que experimentan los usuarios de Chrome en el mundo real, y que busca recomendaciones de auditoría respecto de los lineamientos y las tendencias principales 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.

Ícono de la página de resultados de la auditoría de Lighthouse.

Desarrollador que intenta comprender y auditar un sitio web según 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 ahorras gracias a la implementación de cada optimización, lo que puede ayudarte a comprender lo que debes hacer.

Ícono de una lupa
sobre un insecto.

Desarrollador que busca orientación técnica para depurar o analizar en profundidad el rendimiento de tu sitio

Las herramientas para desarrolladores de Chrome (CDT) incluyen 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 hacer un seguimiento de los cuellos de botella en el rendimiento. Puedes usar CDT en las versiones de producción o desarrollo de un sitio web.

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