¿Por qué optimizar la velocidad web?
Martin MichálekActualizado 11/2/202611 minutos lecturaLa velocidad web importa. No solo porque lo diga Google.
El umbral de la mente humana para percibir una respuesta instantánea de una interfaz se sitúa en los bajos cientos de milisegundos. La mayoría de los sitios web actuales no logran alcanzar este umbral al cargar, pero cada mejora cuenta.
Acelerar tu sitio web probablemente aumentará tus conversiones, como confirman numerosos estudios de caso. Por eso, Google ha decidido que apoyará a los sitios rápidos, lo que significa que la velocidad también puede ayudar con el tráfico o incluso con el costo de los anuncios.
Google apoya a los sitios rápidos porque la velocidad impacta en las conversiones. Además, la mente humana no posee paciencia infinita.
Primero, vamos al grano y examinemos la psicología de la paciencia humana con las interfaces de usuario.
Psicología
Cuando en 1968 R. B. Miller realizó las primeras pruebas para determinar cómo los usuarios de los ordenadores de salón de la época percibían la velocidad de respuesta de las interfaces de terminales, probablemente no imaginó que su estudio sería uno de los más citados en el campo más de cincuenta años después.
Entre otras cosas, su trabajo reveló que el umbral mágico para percibir una respuesta de la interfaz como instantánea está alrededor de los 100 milisegundos.
El señor Miller probablemente se sorprendería al saber que incluso en 2020 no logramos cargar y renderizar sitios web de manera que los usuarios no tengan que esperar con impaciencia. Como usuarios, todos sabemos lamentablemente que estamos bastante lejos de esos cientos de milisegundos.
¿Cómo convencer a tu jefe o cliente sobre la importancia de la velocidad web? Tenemos un PDF con los argumentos más importantes.
La tecnología ha avanzado significativamente desde los terminales de ordenadores de salón hasta los modernos sitios web en smartphones, pero la psicología humana no.
Sin embargo, de la configuración de la mente humana también se desprende que si aceleras la interfaz de usuario, cumplirá mejor sus objetivos.
Impacto en las conversiones
La relación entre la velocidad de los sitios web y la tasa de conversión es un hecho que surge de los hallazgos de R. B. Miller y otros, pero también de estudios de caso prácticos que han proliferado en la última década.
Todos los estudios muestran que la aceleración se reflejó positivamente en el negocio o en los objetivos del propietario del sitio web.
Tasa de rebote
La "tasa de rebote" es una de las métricas analíticas generales más observadas. Basándose en cifras y gráficos, se cree que al acelerar el renderizado inicial del sitio web también mejoramos la tasa de rebote.
Correlación entre la velocidad y la tasa de rebote en un ejemplo de sitio web (Fuente: SpeedCurve)
Para ejemplos del impacto de la velocidad en la tasa de rebote, viajemos por el mundo:
- El 53% de las visitas probablemente terminarán si la página tarda más de 3 segundos en cargar. Uno de los estudios de caso más conocidos proviene de 2016 de DoubleClick, que ahora es parte de Google. (Fuente)
- En el sitio Radins.com mejoraron la velocidad de renderizado de la primera pantalla en escritorio y redujeron la tasa de rebote en un 25%. (Fuente)
Número de páginas vistas
En algunos sectores, especialmente aquellos alimentados por publicidad, el número de páginas vistas determina el éxito o fracaso comercial.
«En la BBC notamos que por cada segundo que se retrasa la carga de la página, el 10% de los usuarios se van. Si el sitio de la BBC se ralentiza debido a la carga, ciertas funciones se desactivan automáticamente para aumentar la velocidad nuevamente.»
— Matthew Clark, arquitecto técnico principal en BBC
¿Qué estudios de caso conocemos sobre el impacto de la velocidad en las "páginas vistas"?
- Cuando Shopzilla redujo el tiempo de carga de la página en cinco segundos, obtuvo un 12% mejor tasa de conversión y un 25% más de páginas vistas.
- En Financial Times, añadieron un retraso de un segundo a cada visualización de página y observaron una disminución del 4.9% en el número de páginas vistas. Un retraso de tres segundos llevó a una disminución del 7.2%. (Fuente)
Tasa de conversión
Cuando la velocidad mejora, la tasa de conversión la sigue de cerca. Si gestionas una tienda online, esto te interesará. No siempre es fácil para nuestros clientes aislar el impacto de la optimización de velocidad de otros factores, pero en una ocasión tuvimos suerte.
El comparador checo de ofertas de tiendas online Srovname.cz se benefició de la optimización de velocidad realizada por nuestro Martin Michálek, aumentando la tasa de conversión en móviles en un 25% - Fuente
- Deloitte Digital mostró un aumento en las conversiones de 37 marcas al acelerar solo 100 ms. (Fuente)
- Walmart calculó ya en 2012 que cada segundo de mejora en la carga de la página principal aumentaba las conversiones en un 2%. (Fuente)
Hay una multitud de estudios de caso a nivel mundial, bien recogidos en el sitio wpostats.com.
Como se puede ver en las cifras presentadas, la velocidad impacta en una serie de métricas importantes. Esta es la razón por la cual Google ha decidido centrarse en este factor de experiencia de usuario tan medible.
El argumento de Google
A veces somos testigos de conversaciones como estas:
— «¿Y por qué tienes la intención de abordar la velocidad?»
— «Porque Google lo exige»
Podría surgir la idea de que todo el campo de la velocidad web se basa en las decisiones tomadas en algunas reuniones corporativas internas en Googleplex. Imaginamos que en ellas estarían presentes algunos gerentes, ingenieros y, sobre todo, una gran bola de cristal.
Google, a través del Chrome UX Report, sigue la velocidad de casi 8 millones de sitios web.
¿Están las recomendaciones de Google sobre la velocidad web basadas en conjeturas? Nada podría estar más lejos de la verdad.
El motor de búsqueda más grande del mundo emplea expertos sobresalientes en tecnología de velocidad, así como investigadores respaldados por datos. Un ejemplo reciente es el texto The Science Behind Web Vitals, que muestra los datos en los que se basaron las recomendaciones de las nuevas métricas.
Google simplemente se basa en datos y estos muestran cada vez con más fuerza la relación entre una buena experiencia de usuario y la velocidad de carga e interacción con el sitio web.
Web Vitals y Page Experience Signal
En una reciente publicación del blog, la gente de Google anunció que están trabajando en una nueva señal de evaluación llamada "Page Experience", en la que la velocidad jugará un papel importante.
Google se centrará en la seguridad, la experiencia del usuario y también en la velocidad dentro de la señal "Page Experience".
No es la primera vez que el motor de búsqueda anuncia que prestará atención a la velocidad. Pero es la primera vez que dice claramente cómo medirá la velocidad. Se centrará en las métricas Web Vitals, obtenidas directamente de los usuarios del navegador Chrome y almacenadas en el Chrome UX Report.
Las métricas más importantes de velocidad para cada sitio web – Core Web Vitals.
Google implementará la nueva señal a lo largo de 2021, por lo que no está de más prepararse.
Tenemos una guía en PDF sobre Web Vitals.
Con nuestros clientes, ya nos hemos enfocado en Web Vitals. Veamos las métricas individuales y complementémoslas con algunas de nuestras exitosas optimizaciones.
La optimización de Core Web Vitals en Shoptet aceleró la tienda online deNatura.cz y aumentó el tráfico de Google en un 17%.
LCP (Largest Contentful Paint, o Pintura de Contenido Más Grande):
Ayudamos a la tienda online ČistéDřevo.cz a identificar problemas en el backend. Tras los ajustes, la métrica LCP mejoró notablemente.
INP (Interaction to Next Paint, o Interacción hasta el Próximo Renderizado):
Ayudamos a Sazka a identificar problemas de rendimiento en JavaScript, causados por código en Google Tag Manager, que afectaban negativamente la métrica INP.
CLS (Cumulative Layout Shift, o Cambio Cumulativo de Diseño):
En colaboración con Pet Hardware, nuestro Michal Matuška identificó y eliminó problemas con los desplazamientos indeseados del diseño durante el renderizado.
Google Ads y Mobile Speed Score
Si inviertes en publicidad gestionada por Google, probablemente conoces el Mobile Speed Score, con el que Google evalúa las páginas de destino de tus campañas.
La puntuación de velocidad afecta el costo y la posición de tus anuncios, así que no está de más prestar atención a ello.
Durante una fase de colaboración con nuestro mayor cliente, Livesport.cz, que ofrece un servicio rápido de resultados deportivos, sus esfuerzos y nuestros consejos ayudaron a mejorar significativamente la primera renderización de contenido (FCP) en medio año: 
Desarrollo de la métrica FCP en Livesport.cz hasta febrero de 2020.
La mejora subsecuente en el Speed Score en Google Ads fue más que satisfactoria:
| agosto 2018 | enero 2019 | |
|---|---|---|
| Europa | 4-7 | 9-10 |
| Japón | 1-2 | 10 |
| África | 1-2 | 6-7 |
| Australia | 1 | 7-9 |
| Brasil | 1-2 | 7 |
Impacto en las posiciones de búsqueda
Antes de que Google implemente la señal Page Experience, será posible debatir extensamente sobre el impacto directo de la velocidad web en el SEO.
La velocidad no se puede aislar fácilmente de otras señales, y un estudio de correlación entre la velocidad y las posiciones en los motores de búsqueda requeriría comparar sitios prácticamente idénticos. Cuando encontremos tales sitios, te avisaremos.
¿Quieres saber nuestra opinión? De toda la comunicación de Google se desprende claramente que consideran la velocidad como una señal importante. Por lo tanto, no te recomendamos ser significativamente más lento que tu competencia.
Sin embargo, si dejamos de lado las razones psicológicas y comerciales para la velocidad y nos centramos en el SEO, la comunidad está de acuerdo en una cosa: es bueno tener un servidor rápido.
Correlación entre el tiempo TTFB (Time To First Byte) y las posiciones en Google. - Fuente
La métrica TTFB, es decir, la velocidad del servidor y la infraestructura en términos simples, es importante no solo para la velocidad general del sitio web, sino probablemente también para la clasificación en los motores de búsqueda y el "crawl budget", la cantidad de páginas del sitio que Google es capaz de procesar.
Nuestra recomendación de centrarse en el backend mejoró drásticamente las métricas de este cliente internacional.
La velocidad del servidor, así como del código del cliente, también afecta otro factor que los motores de búsqueda evalúan: el Dwell Time, el tiempo que transcurre entre hacer clic en un resultado de búsqueda y regresar.
Optimizar el backend es, por lo tanto, una disciplina clave.
¿Cómo empezar a abordar la velocidad web?
Hay muchas formas de comenzar. Pero el proceso es siempre el mismo. Lo más importante es averiguar cómo estás, monitorear el desarrollo a lo largo del tiempo, en diferentes contextos y encontrar las oportunidades correctas para mejorar:
- Mide tu velocidad, preferiblemente junto con tu competencia directa en nuestro test de velocidad web.
- Mide la velocidad de tu sitio web regularmente, usando monitoreo.
- El tester medirá la velocidad de los sitios web probados todos los días, así que guarda las URL de tus pruebas o regístrate y te enviaremos un informe mensual sobre el estado.
Si ves que tienes margen de mejora en la velocidad, solicita una auditoría de velocidad web, que incluye consejos personalizados para tu proyecto. O simplemente contáctanos – info@pagespeed.cz.
Datos en lugar de promesas
En el sitio Srovname.cz, las conversiones en móviles aumentaron un 25%. Cómo procedimos y qué ajustes específicos llevaron a este resultado se puede leer en el estudio de caso.