Velocidad de tu sitio web: cómo medirla y mejorarla (Core Web Vitals)

Por qué la velocidad de carga importa para tus ventas y para Google, cómo medirla con las Core Web Vitals y qué se puede optimizar: imágenes, código, caché, CDN y servidor.

· 3 min de lectura

En este artículo (6)

Cada segundo que tarda en cargar un sitio web cuenta. Las personas abandonan las páginas lentas, sobre todo en el celular, y Google considera la experiencia de carga como una de las señales para ordenar sus resultados. Un sitio rápido vende más, posiciona mejor y transmite profesionalismo.

La velocidad de un sitio depende del alojamiento, del peso de las imágenes, de la cantidad de código que se carga y de cómo está configurada la caché; mejorarla es un trabajo técnico, pero sus resultados se notan de inmediato.

1. Cómo medir la velocidad de tu sitio

Herramientas gratuitas como PageSpeed Insights de Google analizan tu página y te muestran las Core Web Vitals, las métricas que Google usa para evaluar la experiencia:

Métrica Qué mide Objetivo
LCP (Largest Contentful Paint) Cuánto tarda en aparecer el elemento principal. Menos de 2,5 s
INP (Interaction to Next Paint) Qué tan rápido responde la página al tocar o hacer clic. Menos de 200 ms
CLS (Cumulative Layout Shift) Cuánto se mueven los elementos mientras carga. Menos de 0,1

Mide siempre la versión móvil: es la más exigente y la que más usan tus visitantes.

2. Las causas más comunes de un sitio lento

  • Imágenes muy pesadas o en formatos antiguos.
  • Demasiados plugins, scripts de terceros o fuentes cargándose en todas las páginas.
  • Un alojamiento compartido saturado o lejos de tus visitantes.
  • Falta de caché de página y de una red de distribución (CDN).
  • Versiones desactualizadas de PHP, WordPress o plugins.

3. Qué se puede optimizar

  1. Imágenes: convertirlas a formatos modernos como AVIF o WebP, con el tamaño correcto para cada pantalla y carga diferida.
  2. Código: cargar solo el CSS y JavaScript que cada página necesita y retrasar scripts no esenciales.
  3. Caché: guardar versiones listas de cada página para entregarlas al instante.
  4. CDN: servir los archivos desde servidores cercanos a cada visitante, por ejemplo con Cloudflare.
  5. Servidor: un alojamiento con recursos suficientes y versiones actualizadas de PHP y bases de datos.

4. Velocidad sin sacrificar el diseño

Un sitio rápido no tiene que verse simple. La clave está en priorizar lo que aparece primero en pantalla, cargar después lo demás y medir cada cambio. Las animaciones, los videos y las imágenes de calidad pueden convivir con buenos resultados si se implementan con cuidado.

5. Es un trabajo continuo

Cada plugin nuevo, cada sección agregada o cada actualización puede cambiar el rendimiento. Por eso conviene revisarlo como parte del mantenimiento, junto con la seguridad y los respaldos. Lo explicamos en nuestra guía de mantenimiento de WordPress.

Servicio relacionadoHosting y mantenimientoConoce el servicio →

Cómo lo hacemos en Royale Studios

Optimizamos la velocidad de los sitios que alojamos y mantenemos: imágenes en formatos modernos, caché, CDN, carga selectiva de recursos y ajustes de servidor, midiendo los resultados antes y después en las Core Web Vitals.

Preguntas frecuentes

Lo que suelen preguntarnos

¿Tienes otra duda? Escríbenos.

Las causas más comunes son imágenes pesadas, demasiados plugins o scripts, un alojamiento saturado y la falta de caché o CDN. Un diagnóstico con PageSpeed Insights ayuda a identificar qué está afectando más.

Industrias de las que hablamos en este artículo

Así lo aplicamos en cada sector

Ver todas las industrias →

Sigue leyendo

Hablemos de tu proyecto

¿Quieres aplicar estas ideas en tu sitio?

Cuéntanos sobre tu proyecto y te ayudamos a definir la mejor solución para tu negocio.

Cotiza tu proyecto