WPO: cómo medir la velocidad de tu web

En Internet la velocidad importa. No solo a nivel de conversión, también es vital para el engagement, como factor de posicionamiento y para la satisfacción del usuario.

En este artículo vamos a ver cómo medir la velocidad de tu web, en qué consiste el modelo RAIL y Core Web Vitals de Google y cuál es la velocidad idónea.

Cómo medir la velocidad de tu web con Google Analytics

Las métricas más importantes a la hora de monitorizar son:

• Tiempo medio de la carga de la página: Tiempo medio (en segundos) que tarda una página del conjunto de muestra en cargarse, desde el inicio de la visita a la página (p. ej., cuando se hace clic en un enlace a la página) hasta que esta se carga por completo en el navegador.
• Tiempo medio de interacción de documento: Tiempo medio (expresado en segundos) que tarda el navegador en analizar el documento (DOMInteractive), incluido el tiempo de red entre la ubicación del usuario y su servidor.

No obstante, como comentábamos en otro artículo, el informe de velocidad de Google Analytics no ofrece el 100% de los datos sino un muestreo.

Gracias a Tag Manager podemos volcar el 100% de los datos de velocidad en GA. Así podremos monitorizar con fiabilidad la performance de nuestra web.

Puedes ver más información sobre las métricas de velocidad de GA aquí.

Herramientas de WPO y el modelo RAIL y Web vitals

Además de Analytics podemos auditar nuestra web con diferentes herramientas externas. Existen muchas, pero las que más uso son:

• Webpagetest.org
• Lighthouse (consola de Chrome)

Modelo RAIL

El modelo RAIL (Response, Animation, Idle y Load) de Google lleva años entre nosotros, es mucho más completo que la medición de únicamente la velocidad y se parece muchos a las Core Web Vitals.

Y es que dos webs con un tiempo de carga de 5 segundos pueden ser muy diferentes a nivel WPO. Una de ellas puede, además de cargar en 5 segundos, no ser interactiva hasta dichos 5 s.

Sin embargo la otra, aunque cargue el DOM en 5 segundos, puede ser interactiva a los dos segundos por lo que la sensación de carga para el usuario es radicalmente distinta.

Puedes profundizar más en la documentación oficial sobre RAIL.

Core Web Vitals

A lo largo de 2020 Google publicó Core Web Vitals, tres métricas en las que centrarse a la hora de optimizar la carga de una web.

Dichas métricas son:

• LCP (loading). El objetivo es que esté por debajo de 2.5 segundos.
• FID (interactivity). Lo ideal es que esté por debajo de 100 mili segundos.
• CLS (visual stability). El objetivo es que esté por debajo de 0.1.

A partir de mayo de 2021 las Core Web Vitals serán un factor de posicionamiento.

¿Cuál es la velocidad de carga idónea?

La respuesta es clara, cuanto más rápido cargue tu web, mejor.

Como dice Jakob Nielsen en este artículo:

Human aspirations. We like to feel in control of our destiny rather than subjugated to a computer’s whims. Also, when companies make us wait instead of providing responsive service, they seem either arrogant or incompetent.

Jakob Nielsen

Dicho esto, hay estudios como este de Akamai que hablan de 2 segundos. Aunque otros estudios más recientes indican que una respuesta óptima oscila entre 1 y 3 segundos.

Formación en WPO

Si quieres aprender o seguir formándote en WPO este listado de recursos de Frontendmasters, recoge algunos de los recursos más valiosos que hay en internet:

• Browser Rendering Optimization _[vídeo]
• Even Faster Web Sites: Performance Best Practices for Web Developers _[libro][€]
• High Performance Web Sites: Essential Knowledge for Front-End Engineers _[libro][€]
• PageSpeed Insights Rules _[web]
• perf-tooling.today _[web]
• Performance Calendar _[web]
• perf.rocks _[web]
• Using WebPageTest _[libro][€]
• Web Performance Daybook Volume 2 _[libro][€]
• Website Performance _[curso][€]
• Website Performance Optimization _{[curso] [gratis]}
• Front-End Performance Checklist 2021 _{[PDF, Apple Pages] [web]}

---

• A/B Testing (1)
• Analítica digital (3)
• Copywriting (1)
• CRO (8)
• Newsletter (47)
• Tráfico (3)
• UX (1)
• WPO (1)