Velocidad web y Core Web Vitals: cómo acelerar tu sitio WordPress 17 de mayo de 2026

Velocidad web y Core Web Vitals: cómo acelerar tu sitio WordPress

Qué miden LCP, INP y CLS, por qué la velocidad afecta a tus ventas y cómo acelerar WordPress con caché, imágenes, hosting y un tema ligero. Esta guía reúne lo esencial en un solo lugar, para que puedas leerla completa o saltar a la sección que necesites.

Contenido de esta guía

Core Web Vitals explicados: LCP, INP y CLS sin jerga

Core Web Vitals son tres indicadores con los que Google mide la experiencia real de las personas al usar una página: qué tan rápido se ve el contenido principal, qué tan rápido responde a la interacción y qué tan estable es visualmente. Forman parte de las señales de experiencia de página, aunque su peso es moderado frente a la relevancia del contenido.

Los tres indicadores

  • LCP (Largest Contentful Paint): tiempo que tarda en mostrarse el elemento más grande visible, como una imagen principal o un bloque de texto. Se considera bueno por debajo de 2,5 segundos.
  • INP (Interaction to Next Paint): rapidez con la que la página responde cuando el usuario hace clic, toca o escribe. Se considera bueno por debajo de 200 milisegundos.
  • CLS (Cumulative Layout Shift): cuánto «saltan» los elementos mientras carga la página. Bueno es un valor de 0,1 o menos.

Dónde medirlos

  1. El informe de Core Web Vitals en Search Console (datos de usuarios reales).
  2. PageSpeed Insights, con datos de laboratorio y de campo.
  3. Las herramientas de desarrollo de Chrome.

Cómo mejorar el LCP

  • Optimiza y comprime la imagen principal; usa formatos modernos.
  • Mejora el tiempo de respuesta del servidor y usa caché.
  • Evita que scripts pesados bloqueen la carga inicial.

Cómo mejorar el INP

  • Reduce el JavaScript innecesario y los plugins pesados.
  • Evita tareas largas que bloquean el hilo principal.
  • Carga de forma diferida los scripts de terceros.

Cómo mejorar el CLS

  • Define ancho y alto en imágenes y videos.
  • Reserva espacio para anuncios y banners.
  • Evita insertar contenido nuevo encima de lo ya cargado.
  • Carga las fuentes de forma controlada.

Prioridades

Empieza por las páginas con más tráfico y por los problemas que Search Console agrupa en más URL. Mejorar estos indicadores beneficia a los usuarios, que es lo que busca Google en última instancia.

La velocidad de tu sitio y las ventas: por qué cada segundo cuenta

Los usuarios no esperan: si una página tarda en mostrar su contenido, muchos se van antes de verla. Esto afecta las conversiones, la experiencia y el posicionamiento, ya que Google considera la experiencia de página en sus sistemas de clasificación. Mejorar la velocidad suele ser una de las optimizaciones más rentables.

Cómo medirla

  • PageSpeed Insights: herramienta gratuita de Google con datos de laboratorio y de usuarios reales.
  • Informe de experiencia de página en Search Console.
  • Pruebas desde un celular con conexión móvil común.

Indicadores clave

  • LCP: tiempo en que se muestra el elemento principal de la página.
  • INP: rapidez de respuesta a las interacciones del usuario.
  • CLS: estabilidad visual, para que la página no «salte» al cargar.

Causas frecuentes de lentitud

  1. Imágenes pesadas sin comprimir.
  2. Demasiados complementos, scripts o fuentes externas.
  3. Hosting lento o sobrecargado.
  4. Falta de caché.
  5. Temas con exceso de código.
  6. Videos incrustados que cargan de inmediato.

Cómo mejorar

  • Comprimir y convertir imágenes a formatos modernos como WebP, con tamaños adecuados.
  • Activar la carga diferida de imágenes y videos.
  • Usar un plugin de caché confiable y una red de distribución de contenido si corresponde.
  • Eliminar plugins que no usas.
  • Elegir un hosting adecuado al tráfico de tu sitio.
  • Reducir el número de fuentes y scripts de terceros.

Prioriza el móvil

La mayoría del tráfico llega desde celulares, a menudo con conexiones irregulares. Una página que funciona bien en un equipo de escritorio puede ser muy lenta en un teléfono de gama media.

Medir el efecto

Registra la tasa de rebote, las conversiones y las posiciones antes y después de los cambios. Una mejora de rendimiento rara vez actúa sola, pero contribuye de manera consistente. Si tu sitio necesita una revisión técnica, conoce nuestro servicio de diseño webdiseño web.

Cómo acelerar un sitio WordPress: caché, imágenes, hosting y plugins

La velocidad de tu sitio WordPress depende de varios factores. Antes de instalar herramientas al azar, conviene medir y atacar las causas principales, en orden de impacto.

Paso 1: mide la situación actual

Usa PageSpeed Insights y anota los resultados de la página de inicio y de una página de servicio, en móvil. Observa los problemas que señala la herramienta: imágenes grandes, JavaScript, tiempo de respuesta del servidor.

Paso 2: revisa el hosting

  • Un servidor lento limita cualquier optimización.
  • Elige planes con tecnología moderna (LiteSpeed, NVMe, PHP actualizado).
  • Comprueba que se utilizan versiones recientes de PHP.

Paso 3: activa caché

Un plugin de caché confiable (como LiteSpeed Cache si tu servidor lo permite, WP Rocket u otros) genera versiones estáticas de tus páginas y reduce el trabajo del servidor.

Paso 4: optimiza las imágenes

  • Redimensiona y comprime.
  • Convierte a WebP o AVIF.
  • Activa la carga diferida para imágenes fuera de pantalla.

Paso 5: reduce plugins y scripts

  1. Desactiva y elimina los plugins que no usas.
  2. Sustituye los pesados por alternativas ligeras.
  3. Evita cargar scripts externos que no aportan.
  4. Minifica y combina archivos CSS y JS con cuidado, probando que todo funcione.

Paso 6: revisa el tema

Un tema recargado de funciones puede ser la principal causa de lentitud. Considera un tema ligero o simplifica el actual.

Paso 7: mantén la base de datos

Limpia revisiones antiguas, elementos en la papelera y datos temporales con cuidado, tras hacer una copia de seguridad.

Verifica y vigila

Mide de nuevo después de cada cambio importante y comprueba que el sitio funciona bien. Si necesitas apoyo, conoce nuestro servicio de diseño webdiseño web y mantenimiento.

Cómo elegir un tema de WordPress rápido y compatible con SEO

El tema condiciona la velocidad, el diseño y la facilidad de edición de tu sitio. Elegirlo por su apariencia en la vista previa puede costar caro después: lentitud, exceso de funciones y dificultades al actualizar. Estos criterios ayudan a decidir mejor.

Rendimiento

  • Prueba la demostración del tema en PageSpeed Insights, en móvil.
  • Busca temas ligeros con poco código y pocas dependencias.
  • Evita temas que cargan muchos scripts y fuentes innecesarias.

Calidad del código y compatibilidad

  • Encabezados semánticos (un H1 por página, jerarquía correcta).
  • Compatibilidad con los plugins que usas (SEO, formularios, caché, tienda).
  • Actualizaciones frecuentes y soporte activo.
  • Compatibilidad con el editor de bloques.

Diseño adaptable y accesibilidad

El tema debe verse y funcionar bien en celulares y tabletas, con buen contraste y tamaños de texto legibles, y navegación accesible con teclado.

Flexibilidad sin exceso

Los temas multipropósito con cientos de opciones suelen incluir funciones que no usarás pero que ralentizan el sitio. Considera un tema más sencillo y añade solo lo que necesitas.

Licencia y soporte

  • Descarga los temas de fuentes oficiales o de desarrolladores reconocidos.
  • Evita versiones pirateadas, que suelen contener código malicioso.
  • Comprueba las condiciones de actualización y soporte.

Prueba antes de decidir

  1. Instala el tema en un entorno de pruebas.
  2. Carga contenido real.
  3. Mide velocidad y revisa el código de la página.
  4. Comprueba que los formularios y menús funcionan en móvil.

Cuidado al cambiar de tema

Haz una copia de seguridad, prueba en un entorno aparte y revisa que se conserven títulos, metadatos, enlaces y datos estructurados. Un cambio de tema mal ejecutado puede alterar el posicionamiento.

SEO para móviles: por qué Google evalúa primero la versión móvil de tu sitio

Desde hace años, Google rastrea e indexa principalmente la versión móvil de los sitios. Esto significa que, si tu versión móvil ofrece menos contenido o una experiencia peor que la de escritorio, tu posicionamiento puede verse perjudicado. Además, gran parte de tus visitas probablemente vienen de teléfonos.

Qué debes verificar

  • Mismo contenido: el texto, las imágenes y los enlaces importantes deben estar también en móvil.
  • Diseño adaptable (responsive): el sitio se ajusta a distintos tamaños de pantalla.
  • Datos estructurados y metadatos: los mismos en ambas versiones.
  • Elementos táctiles: botones y enlaces con espacio suficiente.
  • Texto legible sin necesidad de ampliar.
  • Sin ventanas emergentes intrusivas que tapen el contenido.

Cómo probar

  1. Abre tu sitio en un celular real, con datos móviles y no solo con wifi.
  2. Usa la herramienta de inspección de URL en Search Console y comprueba cómo la ve Google.
  3. Revisa los informes de experiencia de página y de Core Web Vitals en móvil.
  4. Prueba formularios, menús y botones de llamada.

Problemas comunes

  • Menús difíciles de usar.
  • Tablas que se salen de la pantalla.
  • Imágenes enormes que ralentizan la carga.
  • Contenido que desaparece en móvil.
  • Botones demasiado juntos que provocan toques accidentales.

Prioridades de contenido

En pantalla pequeña, el mensaje principal y la acción clave deben verse enseguida. Usa párrafos cortos, títulos claros y botones destacados, como «Llamar» o «WhatsApp».

Velocidad en móvil

Las conexiones móviles pueden ser más lentas. Comprime imágenes, reduce scripts y evita cargar elementos innecesarios en pantallas pequeñas.

Conclusión

Diseñar primero para el teléfono es hoy una decisión de negocio, no solo técnica. Una buena experiencia móvil mejora las conversiones y protege tu posicionamiento.

Sigue leyendo