Optimización de la velocidad de WordPress: 6+1 consejos para complacer a Google y a tus visitantes

Un sitio web lento es como una manija oxidada: nadie quiere tocarlo. Si tu página en WordPress carga lentamente, pierdes no solo la paciencia de tus visitantes, sino también el favor de los motores de búsqueda.

Un WordPress lento a menudo se debe a una mala elección de plugins, plantillas voluminosas o falta de conocimiento sobre la optimización de velocidad del sitio.

Aunque WordPress es muy rápido de base, veamos cómo devolverle a tu sitio la agilidad que complacerá tanto a Google como a tus usuarios.

¿Por qué es crucial la velocidad de tu WordPress?#

La velocidad del sitio web no es solo un detalle estético, es un factor crucial que afecta el éxito de tu negocio en línea.

La velocidad influye en las posiciones en los motores de búsqueda, las tasas de conversión, la tasa de rebote (bounce rate) e incluso los costos de publicidad.

Un sitio más rápido = mejores resultados#

¿Qué puedes ganar optimizando la velocidad?

• Menor tasa de rebote
  Según Google, la probabilidad de que un visitante abandone la página aumenta en un 90% si el tiempo de carga se extiende de uno a cinco segundos.

• Más conversiones
  Un análisis de Portent mostró que con un tiempo de carga de 1 segundo, la tasa de conversión promedio es casi del 40%. A los 2 segundos cae al 34%, a los 3 segundos al 29%, y a los 6 segundos alcanza su nivel más bajo.

• Cumplir con las expectativas de los usuarios
  Según Kissmetrics, el 47% de los usuarios espera que una página web cargue en 2 segundos, y el 40% abandona si el tiempo de carga supera los 3 segundos.

Un usuario promedio no tiene paciencia para esperar a un sitio lento. Y tiene buenas razones para ello.

Las páginas ágiles obtienen mejores posiciones y pueden incluso reducir los costos de PPC, es decir, el pago por clic en sistemas publicitarios de Google. Consulta nuestro artículo sobre razones para optimizar la velocidad del sitio, donde profundizamos más en este tema.

Core Web Vitals: no basta con ser rápido, debes ser estable y ágil#

El término clave aquí es Core Web Vitals: un conjunto de métricas clave de velocidad que Google utiliza para evaluar los sitios web.

Estas métricas muestran qué tan rápido se carga el contenido (métrica LCP), cuán estable es el diseño de la página (CLS) y cuán ágil es el sitio en responder a las interacciones del usuario (INP).

Tríada Core Web Vitals. No solo miden la experiencia del usuario, sino que también ayudan a Google a evaluar los sitios web.

¡Lo que no mides, no mejoras!#

Antes de empezar a acelerar, necesitas saber dónde está el problema.

La medición es la base. ¿Cómo empezar?

• PageSpeed Insights es una prueba rápida gratuita de Google, adecuada incluso para principiantes. Concéntrate principalmente en los resultados de Core Web Vitals para dispositivos móviles. Sí, esos números arriba. Cuidado, no te obsesiones demasiado con la puntuación de Lighthouse, de la que hablamos más abajo.

• Google Search Console te mostrará cómo le va a tu sitio en operación real desde la perspectiva de Core Web Vitals para diferentes tipos de páginas.

• Prueba de velocidad del sitio de PageSpeed.ONE. Ofrecemos una prueba única gratuita, pero para uso profesional recomendamos monitoring PLUS. La velocidad puede empeorar con el tiempo, por lo que es esencial monitorear la velocidad regularmente.

¿Cómo va tu sitio? Lo sabemos gracias a las métricas Core Web Vitals en el panel de monitoreo de PageSpeed.ONE.

Una buena medición es como un diagnóstico de calidad antes del tratamiento. A menudo en PageSpeed.ONE vemos que los desarrolladores optimizan la parte equivocada del sitio, como si trataran un resfriado cuando tienen una pierna rota.

Consejos para optimizar la velocidad de WordPress: cómo echar aceite al motor#

WordPress es una máquina compleja, con una gran cantidad de componentes. Muchos de ellos pueden ser la causa del retraso.

Veamos dónde, según la experiencia de PageSpeed.ONE, la optimización de WordPress suele tropezar más frecuentemente.

1) Hosting: los cimientos sólidos de un WordPress rápido#

En PageSpeed.ONE hemos visto de todo, incluidos grandes sitios de WordPress alojados en un hosting lento por unos pocos euros.

¿Ahorras en hosting? Es como construir un coche de carreras con un motor de Trabant. Sin un hosting de calidad, las optimizaciones pueden ser solo una solución parcial.

¿Cuáles son los primeros pasos para asegurarte de que tu hosting está en orden?

• Mide regularmente la respuesta del servidor
  Memoriza la abreviatura TTFB (Time to First Byte). Esta métrica indica el tiempo de respuesta del servidor. Si tu TTFB es lento (más de 600-800 ms), podría deberse a una base de datos lenta, una caché mal configurada o un hosting inadecuado. En nuestro monitoreo, seguimos los valores de esta métrica todos los días.

• Averigua cómo está tu hosting
  Nuestra herramienta favorita para probar el hosting es WordPress Hosting Benchmark tool. Echa un vistazo a la imagen a continuación para ver qué herramienta tan útil es.

• Cuidado con el rendimiento de la base de datos
  Una base de datos lenta se notará principalmente al cargar páginas más complejas o en el administrador. Si incluso sin tráfico, la visualización de la página tarda varios segundos, es hora de revisar el hosting. Prueba el plugin Query Monitor, que te mostrará si el sitio se ve ralentizado por consultas SQL lentas.

• CDN (Content Delivery Network)
  Si apuntas a una audiencia internacional, considera usar una CDN para entregar contenido más rápido a los usuarios de todo el mundo. Una opción popular es Cloudflare.

¿Vas a optimizar WordPress? Primero asegúrate de tener buenos cimientos con la herramienta Hosting Benchmark tool.

Un buen hosting es como un motor fuerte y confiable.
Sin él, siempre estarás dando pequeños pasos, pero nunca corriendo.

2) Caché: el potenciador de memoria de tu sitio#

Imagina tener que reconstruir tu casa todos los días. Así funciona un sitio de WordPress sin caché: repite innecesariamente el trabajo que ya ha hecho.

¿Qué hacer al respecto?

• Asegúrate de usar buenos plugins de caché
  Prueba plugins como Super Page Cache, flying press o W3 Total Cache, que te ayudarán con la configuración óptima.

• Configura bien la caché
  No te fíes solo de la configuración automática. Asegúrate de que la caché esté configurada correctamente y funcione para todos los tipos de contenido. Esto se notará principalmente en los valores de respuesta del servidor (TTFB).

• Configura la caché del navegador
  Esta le dice al navegador que recuerde imágenes, CSS y JavaScript y no los descargue cada vez. Se configura en los encabezados Cache-Control. Es todo un arte, pero Harry Roberts te lo puede explicar.

• Implementa caché de base de datos
  La caché de base de datos almacena los resultados de consultas repetidas con frecuencia (por ejemplo, listas de productos). Es útil para sitios web con estructuras más complejas.

• No olvides la caché de objetos
  La llamada "object cache" almacena los resultados de las consultas a la base de datos. Es útil especialmente en sitios con contenido dinámico o WooCommerce, donde los cálculos complejos se repiten a menudo.

• Cuidado con los datos personales
  Solo para estar seguros: nunca caches páginas con contenido individual (por ejemplo, carritos de compras, perfiles de usuario). Es peligroso.

¿Quieres un consejo concreto para principiantes? En W3 Total Cache, puedes facilitar la configuración con la guía "Setup Guide". Después de instalar el plugin, solo debes hacer clic y el plugin te guiará a través de las opciones básicas y configurará la caché por ti. Mira la imagen:

W3 Total Cache te ayuda a configurar la caché en WordPress con una guía sencilla.

El plugin habilitará automáticamente los tipos de caché más importantes que ya conoces de la lista anterior:

• Caché del navegador: asegura que el navegador no necesite volver a cargar contenido estático.
• Caché de página: guarda páginas completas.
• Caché de base de datos: almacena los resultados de las consultas a la base de datos.
• Caché de objetos: acelera el trabajo con solicitudes repetidas.

Configura todo bien. Un desarrollador experimentado puede ajustar los valores al detalle; para ti, los valores recomendados serán suficientes. Después de la configuración, verifica que la caché esté realmente funcionando; esto se notará principalmente en los valores mejorados de respuesta del servidor (TTFB) y en la mejora a largo plazo de los Core Web Vitals.

WordPress simplemente no funciona bien sin caché. Dale más atención en este aspecto.

Para el cliente ECLISSE ČR, s.r.o., gracias a la optimización de la caché, logramos reducir significativamente el valor de la métrica Time to First Byte (TTFB).

El valor de la métrica TTFB se redujo significativamente durante el período observado, de 3,5 segundos a 0,6 segundos. Esto está por debajo del límite recomendado por Google.

3) Plugins: menos es más en velocidad#

Los plugins en WordPress se comportan como especias. La dosis correcta enriquece el plato, pero si te pasas, arruinas toda la cena. Cada plugin es una potencial carga para la velocidad de carga de WordPress.

• Cada plugin cuenta
  Cada plugin instalado carga tu WordPress. Revisa y elimina regularmente los plugins no utilizados. Da preferencia a los plugins que resuelvan exactamente tu problema antes que a los "cuchillos suizos" que sobrecargan tu sitio con funciones no utilizadas.

• Prueba el rendimiento después de instalar cada nuevo plugin
  Después de añadir un nuevo plugin, siempre verifica la velocidad del sitio o simplemente agrega una nota en el monitoreo.

• Haz una auditoría de plugins
  Esto ayuda a Query Monitor o Code Profiler, herramientas populares para depurar el rendimiento en WordPress. Echa un vistazo a la sección que rastrea "Plugins and theme execution time", es decir, cuánto tiempo toma la ejecución de cada plugin y tema.

¿Quién nos está consumiendo rendimiento? Listado del perfilador de código según plugins.

Regla de los plugins:
WordPress no es Pokémon.
No necesitas atraparlos a todos.

4) Constructores de páginas: cuando la comodidad trae una factura pesada en velocidad#

Los constructores visuales de páginas como Elementor o Divi facilitan la creación de sitios, pero a menudo generan código innecesario (llamado "bloat") que ralentiza la carga. Úsalos con cuidado o considera alternativas más ligeras.

En PageSpeed.ONE hemos visto situaciones en las que un Page Builder era innecesario y solo complicaba las cosas.

Un constructor bien utilizado puede ser también de calidad y rápido. Aprovecha sus posibilidades de manera eficiente y desactiva lo que no usas. Por ejemplo, Elementor permite desactivar widgets innecesarios para que su código ni siquiera se cargue, lo que ayuda a "poner en forma" el sitio incluso con un constructor.

Los constructores suelen ser problemáticos, especialmente cuando los toma un desarrollador inexperto y cada obstáculo lo resuelve con un plugin o una plantilla ineficiente.

4) Plantilla: el esqueleto que determina la velocidad de tu sitio#

Elegir una plantilla de calidad para tu sitio WordPress es crucial. La plantilla no solo influye en la apariencia, sino también en el rendimiento del sitio.

No subestimes la elección de la plantilla; tiene un impacto significativo en la velocidad del sitio. Evita los "todólogos" pesados con muchas funciones innecesarias. Elige plantillas optimizadas y rápidas enfocadas en el rendimiento, pero ten cuidado: no solo según su puntuación en Lighthouse, como mencionamos más abajo.

5) Imágenes: dieta para fotos voluminosas#

Tus hermosas fotografías pueden ser saboteadores ocultos de la velocidad. Una imagen sin optimizar del tamaño de una cámara puede aumentar el tiempo de carga de la página en varios segundos. Lo vemos a diario.

Sabemos mucho sobre la optimización de imágenes, pero deberías recordar principalmente lo siguiente:

• Compresión
  Optimiza el tamaño de las imágenes sin pérdida notable de calidad. Puedes usar herramientas como TinyPNG o el plugin Smush.

• Formato WebP
  Usa el moderno formato WebP, que ofrece mejor compresión que formatos tradicionales como JPEG o PNG. La mayoría de los navegadores actuales lo soportan.

• Carga diferida
  Haz que las imágenes se carguen solo cuando aparezcan en el campo de visión del usuario. Esto acelera significativamente la carga inicial de la página. WordPress ya incluye esta función de forma predeterminada desde la versión 5.5, pero asegúrate de que lo haga bien. Más sobre Lazy Loading.

• Monitoreo
  No olvides monitorear el volumen de datos de las imágenes, por ejemplo, en nuestro reporte "Técnico". Las imágenes mal optimizadas subidas por alguien sin suficiente conocimiento pueden estropear la velocidad del sitio.

Alguien resolvió el catálogo navideño, pero no la optimización de imágenes.

6) CSS y JavaScript: realiza regularmente una cura de adelgazamiento#

Veamos también un poco el frontend de tu sitio. Un código frontend excesivamente grande es como una maleta abarrotada que intentas cerrar antes de un vuelo de vacaciones.

¿Cómo reducir algo de esa carga?

• Minificación
  Reduce el tamaño de los archivos CSS y JavaScript eliminando caracteres innecesarios (espacios, comentarios). Te ayudará, por ejemplo, el plugin Autoptimize.

• Posponer CSS innecesario
  Identifica el código CSS no utilizado y elimínalo o cárgalo después de mostrar el contenido principal.

• Carga asíncrona de JavaScript
  Haz que JavaScript se cargue de forma asíncrona para que no bloquee el renderizado de la página.

Aligera tu sitio reduciendo el tamaño de los archivos CSS y JS.

Consejo extra: no te obsesiones con la puntuación de Lighthouse y ten cuidado con los plugins engañosos#

¿Deseas una puntuación perfecta en Lighthouse? ¡Cuidado con los trucos baratos! Algunos plugins logran puntajes perfectos mediante engaños: esperan al primer desplazamiento del usuario antes de cargar los JavaScripts.

Lighthouse no prueba interacciones como el desplazamiento, por lo que los plugins a menudo obtienen altas puntuaciones al posponer la carga de archivos importantes. Esta práctica es cuando menos cuestionable: mejoras un número en la prueba, no la velocidad real para el usuario.

En el mundo de WordPress, incluso ha habido casos de trampas abiertas al calcular la puntuación de Lighthouse. Por ejemplo, el plugin WP-Optimize fue sorprendido al no cargar intencionalmente ciertos archivos JavaScript cuando detectaba que la página estaba siendo revisada por una prueba de velocidad.

Tramposo sorprendido en fraude. No confíes en mejoras milagrosas de la puntuación de Lighthouse.

Comprar un plugin por una puntuación del 100% en Lighthouse es como tratar un resfriado cuando tienes una pierna rota. Parece bien, pero el beneficio es nulo.

La puntuación de Lighthouse es engañosa y los consejos de Lighthouse a menudo no ayudan de manera efectiva o simplemente no ayudan en absoluto.

La optimización de la velocidad de WordPress no tiene que ser un dolor de cabeza#

En PageSpeed.ONE tenemos amplia experiencia en la optimización de la velocidad de sitios web. Hemos ayudado a muchos clientes a mejorar significativamente el tiempo de carga, lo que a menudo se ha traducido no solo en una mejor experiencia del usuario, sino que también ha impactado en el SEO.

Nuestros auditorías o análisis de WordPress más pequeños muestran oportunidades concretas para mejorar las métricas Core Web Vitals (LCP, CLS, INP). No son consejos generales de Lighthouse, sino recomendaciones concretas que te ayudarán a acelerar.

Al acelerar tu sitio, mejorarás la experiencia del usuario, obtendrás mejores posiciones en los motores de búsqueda y podrás influir positivamente en tus resultados de marketing.

Quien no mide, ralentiza#

No olvides realizar mediciones regulares y controles continuos. WordPress cambia constantemente con actualizaciones, nuevos plugins y contenido, por lo que es necesario monitorear su velocidad continuamente, y lo que no monitoreas, no puedes salvar rápidamente.

Prueba nuestra prueba de velocidad gratuita en PageSpeed.ONE y descubre cómo está realmente tu sitio. Solo toma unos minutos y tendrás claridad.

¿Quieres tranquilidad a largo plazo? monitoring PLUS te alertará sobre cualquier problema antes de que pierdas visitantes o posiciones en SEO.

Comienza ahora. Optimizar WordPress sin datos es como lanzar dardos a ciegas.