¿Alguna vez has abandonado una web porque tardaba demasiado en cargar? La mayoría de la gente lo ha hecho. Tus usuarios hacen lo mismo. Cada segundo que tu web tarda en cargar es un segundo más cerca de que se vayan. La velocidad influye directamente en el tráfico y en el posicionamiento. Mejorar la velocidad es una de las mejoras con mayor retorno que puedes hacer.
Por qué importa la velocidad de un sitio
Los usuarios odian las webs lentas. Cada segundo de retraso aumenta la tasa de rebote. Tres segundos de retraso provocan una pérdida importante de usuarios. Literalmente se van antes de que tu página termine de cargar.
A los buscadores les importa la velocidad porque a los usuarios les importa la velocidad. Las webs rápidas tienen mejores métricas de interacción. Los usuarios se quedan más tiempo. Hacen más clics. Los buscadores lo ven y premian a las webs rápidas en el posicionamiento.
La velocidad es un factor de posicionamiento. Google confirmó que la velocidad del sitio afecta al posicionamiento. Las páginas que cargan más rápido se posicionan mejor que las lentas (en igualdad de condiciones). El impacto varía según el sector, pero es siempre positivo.
Cómo medir la velocidad de un sitio
Usa Google PageSpeed Insights. Introduce tu URL y Google te muestra tu puntuación de velocidad y recomendaciones concretas. Ofrece datos de laboratorio (pruebas sintéticas) y datos de campo (usuarios reales).
Usa Google Search Console. El informe de Core Web Vitals muestra lo rápido que cargan tus páginas en el mundo real. Son datos reales de usuarios, no pruebas sintéticas.
Usa una herramienta avanzada de pruebas de velocidad. Muestra gráficos de cascada detallados de todo lo que carga en tu página. Identifica los cuellos de botella y los recursos lentos.
Usa Lighthouse de Chrome DevTools. Esta herramienta de código abierto se ejecuta en tu navegador y ofrece recomendaciones de mejora aplicables.
Cuellos de botella habituales de velocidad
Las imágenes grandes sin optimizar son el mayor culpable. Las imágenes suelen suponer el 50 por ciento del peso de una página. Comprime las imágenes con decisión. Usa formatos modernos (WebP). Sirve imágenes adaptables que se ajusten al tamaño del dispositivo.
El CSS y el JavaScript que bloquean el renderizado retrasan la visualización de la página. Mueve el CSS y el JavaScript no críticos para que carguen después de que se renderice la página. Usa los atributos async y defer en las etiquetas script.
Un tiempo de respuesta del servidor sin optimizar. Tu servidor tarda demasiado en responder. Es un problema de hosting o de código. Usa un proveedor de hosting rápido. Optimiza las consultas a tu base de datos. Usa caché.
Los scripts de terceros (anuncios, analítica, chatbots) ralentizan las páginas. Cada script de terceros retrasa el renderizado. Usa los mínimos necesarios. Cárgalos de forma asíncrona para que no bloqueen la página.
Falta de caché. Cada visitante descarga todo desde cero. Configura la caché del navegador para que los visitantes recurrentes carguen más rápido. Usa una CDN para almacenar en caché los recursos estáticos por zonas geográficas.
Técnicas de optimización
Comprime las imágenes. Usa herramientas de compresión de imágenes. Elimina los metadatos. Conviértelas a formatos eficientes (JPEG para fotos, PNG para gráficos, WebP para navegadores modernos).
Aplica carga diferida a las imágenes. Las imágenes que están bajo el pliegue se cargan solo cuando el usuario llega a ellas con el scroll. Usa la carga diferida nativa (loading="lazy") o una biblioteca de JavaScript.
Minifica el CSS y el JavaScript. Elimina los caracteres innecesarios. Combina archivos. Esto reduce el tamaño de los archivos.
Usa una CDN (red de distribución de contenidos). Las CDN almacenan tu contenido en servidores de todo el mundo. Los usuarios descargan desde un servidor cercano, no desde tu servidor de origen. Esto reduce muchísimo la latencia.
Activa la compresión gzip en tu servidor. Gzip comprime los archivos antes de enviarlos a los navegadores. La mayoría de los servidores pueden hacerlo con un solo ajuste.
Usa la caché del navegador. Configura las cabeceras de caché para que los navegadores guarden los archivos estáticos en local. Los visitantes recurrentes no vuelven a descargarlo todo.
Elimina el CSS y el JavaScript sin usar. Cada línea de código que tu web no usa la ralentiza. Audita tu código. Quita el lastre.
Optimización de la velocidad por prioridad
Prioridad 1: optimiza las imágenes. Es lo que mejor retorno tiene. Las imágenes grandes sin optimizar ralentizan la mayoría de las webs. La compresión y la carga diferida suelen duplicar la velocidad de la página.
Prioridad 2: configura una CDN. Es sencillo y tiene un gran impacto. Los archivos estáticos se sirven desde servidores cercanos a tus usuarios en lugar de desde tu origen.
Prioridad 3: activa la caché. La caché del navegador es gratis. Configúrala. Los visitantes recurrentes obtienen velocidades mucho mejores.
Prioridad 4: reduce al mínimo los recursos que bloquean el renderizado. Aplaza el JavaScript. Incluye en línea el CSS crítico. Carga el CSS no crítico de forma asíncrona.
Prioridad 5: reduce el tiempo de respuesta del servidor. Requiere optimizar el código o un hosting más rápido. Suele ser lo más difícil de mejorar, pero es necesario para tener webs rápidas.
Preguntas frecuentes
¿Qué tan rápido debería cargar mi web?
Cuanto más rápido, mejor, pero apunta a estas referencias: First Contentful Paint por debajo de 1,8 segundos. Largest Contentful Paint por debajo de 2,5 segundos. Carga total de la página en menos de 3 segundos. Cuanto más rápido, mejor. Cada segundo que mejoras aumenta las conversiones y mejora el posicionamiento. Con el creador de webs de WEMASY, puedes configurarlo directamente en tu web.
¿Necesito optimizar específicamente la velocidad en móvil?
Sí. Las redes móviles son más lentas y variables que las de ordenador. Los usuarios móviles tienen menos paciencia. Optimiza a fondo para móvil. La velocidad en móvil es incluso más importante que en ordenador. Google indexa principalmente la versión móvil, así que la velocidad en móvil afecta directamente a tu posicionamiento.
¿Una web más rápida mejorará mi posicionamiento?
Probablemente sí. La velocidad es un factor de posicionamiento. Las webs rápidas se posicionan mejor que las lentas. Aun así, la calidad del contenido y los backlinks siguen importando más. Una web lenta con un gran contenido puede posicionarse igualmente. Pero una web rápida con un contenido igual de bueno se posicionará mejor.
¿Qué es más importante: las imágenes o JavaScript?
Las imágenes. Las imágenes grandes sin optimizar son lo que más frena la velocidad en la mayoría de las webs. Optimiza primero las imágenes. Después optimiza JavaScript. Luego aborda otros cuellos de botella. Optimizar las imágenes suele dar la mayor mejora de velocidad con el menor esfuerzo.
¿Debería usar una CDN?
Sí, si recibes tráfico internacional o tienes archivos estáticos (imágenes, CSS, JavaScript). Las CDN son fáciles de configurar y tienen un gran impacto. Almacenan tu contenido en servidores de todo el mundo. Los usuarios descargan desde un servidor cercano, lo que reduce la latencia. Merece la pena en casi todas las webs.
¿Con qué frecuencia debo probar la velocidad de mi web?
Como mínimo una vez al mes. Con más frecuencia, mejor. Tras hacer optimizaciones, prueba de inmediato. Los retrocesos de velocidad aparecen cuando añades funciones nuevas o scripts de terceros. Una monitorización regular detecta los problemas antes de que perjudiquen a demasiados usuarios.