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.
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 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
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
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
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
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
(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
Limitaciones {: .compare-worse }
- Conjunto de métricas restringido
- Capacidades de depuración limitadas
¿Cuáles son las diferentes herramientas de rendimiento?
FaroTe brinda sugerencias personalizadas para mejorar tu sitio web en función del rendimiento, la accesibilidad, la AWP, la SEO y otras prácticas recomendadas. |
WebPageTestTe 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. |
TestMySiteTe 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 InsightsMuestra datos del campo de velocidad de tu sitio, junto con sugerencias de optimizaciones comunes para mejorarlo. |
Speed ScorecardTe 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 impactoTe 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 ChromeTe 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...
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.
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.
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.
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.