Velocidad de página
La velocidad de página es el tiempo que transcurre desde que un usuario solicita una URL hasta que el contenido de la página web se carga y se muestra por completo. Google ha utilizado la velocidad de página como factor de posicionamiento desde 2010, y su importancia ha crecido notablemente desde la introducción de los Core Web Vitals en 2021.
La velocidad de página es el tiempo que transcurre desde que un usuario solicita una URL hasta que el contenido de la página web se carga y se muestra por completo. Google ha utilizado la velocidad de página como factor de posicionamiento desde 2010, y su importancia ha crecido notablemente desde la introducción de los Core Web Vitals en 2021.
Por qué importa
La velocidad de página influye directamente en el posicionamiento en buscadores, la experiencia de usuario y los resultados de negocio.
- Caída de la tasa de conversión: un retraso de 1 segundo en la carga de la página puede reducir las conversiones hasta en un 7 %.
- Mayores tasas de rebote: según una investigación de Google, el 53 % de los usuarios móviles abandonan un sitio si tarda más de 3 segundos en cargar.
- Impacto en el posicionamiento: los sitios web más rápidos tienen más probabilidades de aparecer en la primera página de resultados. Google considera que los sitios web con tiempos de carga inferiores a 3 segundos en escritorio y a 2 segundos en móvil son los más competitivos.
- Eficiencia de rastreo: una mayor velocidad de página permite a los rastreadores de los motores de búsqueda rastrear más páginas en el mismo periodo de tiempo, mejorando la eficiencia de indexación.
Relación con los Core Web Vitals
Los Core Web Vitals de Google constan de tres métricas clave que miden la velocidad de página y la experiencia de usuario, y que influyen directamente en el posicionamiento.
- LCP (Largest Contentful Paint): el tiempo que tarda en renderizarse el elemento de contenido más grande. El umbral recomendado es inferior a 2,5 segundos.
- INP (Interaction to Next Paint): la capacidad de respuesta a las interacciones del usuario. El umbral recomendado es inferior a 200 ms.
- CLS (Cumulative Layout Shift): el grado de desplazamientos del diseño durante la carga de la página. El umbral recomendado es inferior a 0,1.
Los sitios que mantienen de forma constante unos Core Web Vitals excelentes a lo largo del tiempo acumulan una estabilidad de posicionamiento que los competidores con rendimiento variable no pueden igualar.
Métodos de optimización
- Optimización de imágenes: las imágenes representan aproximadamente el 21 % del peso total de una página web. Usa formatos de nueva generación como WebP y AVIF, ajusta el tamaño de forma adecuada e implementa la carga diferida.
- Minimiza las solicitudes HTTP: Google recomienda mantener las solicitudes HTTP por debajo de 50 para una experiencia de usuario óptima. Agrupa los archivos CSS/JS y elimina los scripts de terceros innecesarios.
- CDN (Content Delivery Network): el despliegue de una CDN reduce el TTFB (Time to First Byte) entre un 60 % y un 80 % al servir el contenido desde servidores distribuidos geográficamente más cercanos al usuario.
- Optimización del código: minifica el CSS y el JavaScript, y elimina o difiere los recursos que bloquean el renderizado para que se carguen de forma asíncrona.
- Optimización del servidor y el alojamiento: el alojamiento dedicado o en la nube ofrece un rendimiento más estable ante picos de tráfico en comparación con el alojamiento compartido.
- Almacenamiento en caché del navegador: configura cabeceras de caché adecuadas para los recursos estáticos para reducir los tiempos de carga en visitas repetidas.
Herramientas de medición
- Google PageSpeed Insights: la herramienta oficial de Google que analiza el rendimiento de la página y ofrece recomendaciones de mejora específicas.
- Google Lighthouse: mide de forma integral el rendimiento, el SEO, la accesibilidad y la seguridad. Está integrada en Chrome DevTools.
- GTmetrix: visualiza el proceso de carga de la página con gráficos en cascada para identificar cuellos de botella.
- WebPageTest: una herramienta de código abierto para probar la velocidad de página en distintas regiones y entornos de navegador.
- DebugBear / SpeedCurve: herramientas que admiten la monitorización continua del rendimiento y la gestión del presupuesto de rendimiento.
La optimización de la velocidad de página no es una tarea puntual, sino un proceso continuo de monitorización y mejora. Comprimir el contenido multimedia con regularidad, recortar los scripts y validar los Core Web Vitals mejorará con el tiempo tanto el posicionamiento como las tasas de conversión.
Sources: