Cómo optimizar WordPress para mejorar la velocidad

¿Por qué importa la velocidad de un sitio WordPress?

La velocidad del sitio afecta directamente a la experiencia de usuario, al posicionamiento SEO y a las conversiones. Google utiliza las Core Web Vitals (LCP, FID, CLS) como factores de posicionamiento, y los estudios muestran que el 53 % de los visitantes móviles abandona un sitio que tarda más de 3 segundos en cargar. Cada segundo adicional de retraso reduce las conversiones en torno a un 7 %. Para los sitios WordPress, que impulsan más del 43 % de internet, la optimización de la velocidad es fundamental para el éxito.

La buena noticia es que la mayoría de los sitios WordPress se pueden acelerar drásticamente con los ajustes y plugins adecuados, a menudo sin programar nada. En esta guía cubrimos todos los aspectos de la optimización, desde el servidor hasta el front-end.

1. Plugins de caché

La caché es la optimización individual más eficaz para WordPress. En lugar de que el servidor genere la página desde la base de datos en cada visita, se sirve directamente la versión cacheada, lo que resulta muchísimo más rápido.

LiteSpeed Cache

Si tu hosting usa LiteSpeed Web Server (como el hosting WordPress de BeoHosting), LiteSpeed Cache es la mejor opción. Es gratuito y funciona a nivel de servidor, lo que lo hace más rápido que los plugins que se ejecutan a nivel de PHP.

• Page Cache: actívalo y configura el TTL (Time to Live) en 604800 (7 días) para las páginas estáticas.
• Browser Cache: actívalo para cachear los archivos estáticos en los navegadores de los visitantes.
• Object Cache: actívalo si el servidor admite Memcached o Redis para cachear las consultas a la base de datos.
• CSS/JS Optimization: minificación, combinación y carga asíncrona de los archivos CSS y JavaScript.
• Image Optimization: optimización de imágenes integrada con conversión a WebP.

WP Super Cache

Un plugin de caché sencillo y fiable de Automattic (los creadores de WordPress). Ideal para principiantes, con ajustes mínimos. Genera archivos HTML estáticos y los sirve en lugar de las páginas PHP dinámicas.

W3 Total Cache

El plugin de caché más complejo y con más opciones. Admite page cache, database cache, object cache, browser cache, minificación e integración de CDN. Requiere más conocimientos técnicos para una configuración óptima, pero ofrece los mejores resultados a los usuarios avanzados.

2. Optimización de imágenes

Las imágenes suelen ser los recursos más pesados de una página web, a menudo entre el 50 y el 80 % del tamaño total. Optimizar las imágenes puede reducir drásticamente los tiempos de carga.

Formatos de imagen

• WebP: un formato moderno que es un 25-35 % más ligero que JPEG con la misma calidad. Compatible con todos los navegadores modernos.
• AVIF: un formato aún más nuevo que es un 20 % más ligero que WebP, aunque la compatibilidad con navegadores todavía es limitada.
• JPEG: sigue siendo bueno para fotos. Usa una calidad del 80-85 % para el mejor equilibrio entre tamaño y calidad.
• PNG: úsalo solo para imágenes que requieran transparencia. De lo contrario, es demasiado pesado para fotos.
• SVG: ideal para iconos, logotipos e ilustraciones sencillas; escala sin pérdida de calidad.

Plugins de optimización de imágenes

• ShortPixel: comprime las imágenes automáticamente al subirlas. Ofrece compresión lossy, glossy y lossless. Gratuito hasta 100 imágenes al mes.
• Imagify: de los creadores de WP Rocket. Compresión automática con conversión a WebP. Gratuito hasta 25 MB al mes.
• Smush: un plugin gratuito popular con compresión por lotes. La versión Pro ofrece límites mayores y opciones avanzadas.
• EWWW Image Optimizer: puede comprimir localmente en el servidor (no envía las imágenes a un servicio externo).

Dimensiones de las imágenes

Sube siempre las imágenes con las dimensiones en las que se van a mostrar. No tiene sentido subir una imagen de 4000x3000 si se va a mostrar a 800x600. WordPress crea automáticamente varios tamaños (thumbnail, medium, large, full), pero el original sigue ocupando espacio en el servidor.

3. Limpieza de la base de datos

La base de datos de WordPress acumula con el tiempo datos innecesarios que ralentizan las consultas. Una limpieza regular puede acelerar el sitio de forma notable.

Qué limpiar

• Revisiones de entradas: WordPress guarda cada revisión de cada entrada. Un sitio con 100 entradas puede tener más de 1.000 revisiones. Limítalas a 3-5 revisiones añadiendo la constante WP_POST_REVISIONS a wp-config.php.
• Comentarios de spam y en la papelera: los comentarios en la papelera y el spam siguen ocupando espacio en la base de datos.
• Transients: datos temporales que los plugins cachean en la base de datos. Los transients caducados no se eliminan automáticamente.
• Borradores automáticos: WordPress autoguarda los borradores mientras escribes. Los borradores automáticos antiguos se acumulan.
• Metadatos sin usar: los plugins eliminados suelen dejar metadatos en la base de datos.

Plugins de limpieza de la base de datos

• WP-Optimize: limpia la base de datos, comprime las tablas y puede programar limpiezas automáticas. Gratuito y fiable.
• Advanced Database Cleaner: una herramienta más detallada que también identifica tablas que han quedado de plugins eliminados.
• WP-Sweep: un plugin sencillo para limpiar revisiones, borradores, comentarios de spam y otros datos innecesarios.

4. CDN (Content Delivery Network)

Un CDN distribuye los archivos estáticos de tu sitio (imágenes, CSS, JS, fuentes) en servidores de todo el mundo. Los visitantes cargan los archivos desde el servidor más cercano, lo que reduce la latencia y acelera la carga.

Servicios de CDN populares

• Cloudflare: un plan gratuito con CDN, protección DDoS y SSL. El más fácil de configurar: basta con cambiar los nameservers.
• BunnyCDN: precio asequible (0,01 $/GB), gran rendimiento y fácil integración con WordPress.
• KeyCDN: pago por uso, sin cuota mensual. Bueno para sitios con tráfico variable.
• Cloudflare APO: especializado en WordPress; cachea la página entera en el edge, no solo los archivos estáticos. 5 $/mes.

Integrar un CDN con WordPress

La mayoría de los plugins de caché tienen integración de CDN incorporada. En LiteSpeed Cache, ve a la sección CDN, activa el CDN e introduce la URL del CDN. El plugin reemplazará automáticamente las URL de los archivos estáticos por las versiones del CDN.

5. Lazy loading

El lazy loading retrasa la carga de las imágenes e iframes que no están visibles en pantalla. En lugar de que el navegador cargue todas las imágenes de golpe, las carga solo cuando el usuario llega a ellas al hacer scroll. Esto acelera enormemente la carga inicial de la página.

Lazy loading nativo

Desde WordPress 5.5, el lazy loading nativo viene integrado. WordPress añade automáticamente loading="lazy" a las imágenes e iframes. Es compatible con todos los navegadores modernos y no requiere plugins.

Lazy loading avanzado

Para un mayor control, usa un plugin como a3 Lazy Load o WP Rocket, que ofrecen: lazy loading para imágenes de fondo (CSS background-image), lazy loading para embeds de vídeo (YouTube, Vimeo), imágenes de marcador de posición o un efecto de desenfoque mientras la imagen carga, y la posibilidad de desactivar el lazy loading en imágenes concretas (por ejemplo, una imagen hero que debe cargar de inmediato).

6. Optimizaciones adicionales

Reducir el número de plugins

Cada plugin añade código PHP, CSS y JavaScript que se carga en cada página. Revisa los plugins instalados y elimina los que no uses activamente. Para las funciones que solo necesitas en una página, plantéate la carga condicional con Asset CleanUp o Perfmatters.

Usar la última versión de PHP

PHP 8.4 es significativamente más rápido que las versiones anteriores. Los benchmarks muestran que PHP 8.4 es hasta 3 veces más rápido que PHP 7.0 para WordPress. En cPanel, puedes cambiar la versión de PHP en la sección «MultiPHP Manager» o «Select PHP Version».

Optimizar las fuentes

• Aloja las fuentes localmente: en lugar de cargarlas desde los servidores de Google Fonts, aloja las fuentes en tu propio servidor. El plugin OMGF lo automatiza.
• Usa font-display: swap: muestra el texto de inmediato con una fuente de respaldo mientras carga la fuente personalizada.
• Limita las variantes de fuente: carga solo los grosores que realmente usas (por ejemplo, 400 y 700, no los 9).
• Usa WOFF2: el formato de fuente web más eficiente, compatible con todos los navegadores modernos.

Precargar los recursos críticos

Usa link rel="preload" para los recursos críticos del renderizado inicial de la página: la imagen hero, la fuente principal, el CSS crítico. Esto indica al navegador que empiece a descargar estos recursos cuanto antes, en lugar de esperar a que el parser los descubra en el HTML.

Medir los resultados

Usa estas herramientas para medir la velocidad antes y después de optimizar:

• Google PageSpeed Insights: proporciona las puntuaciones de las Core Web Vitals y recomendaciones concretas de mejora.
• GTmetrix: análisis detallado con una vista en cascada de todas las peticiones, tamaños y tiempos de carga.
• WebPageTest: una herramienta avanzada que puede probar desde distintas ubicaciones y dispositivos.
• Chrome DevTools (Lighthouse): integrado en Chrome; clic derecho, Inspeccionar, pestaña Lighthouse.

Conclusión

Optimizar un sitio WordPress para la velocidad es un proceso, no una acción puntual. Empieza por la caché y la optimización de imágenes, ya que ofrecen el mayor impacto con el menor esfuerzo. Después añade un CDN, limpia la base de datos e implementa el lazy loading. Mide la velocidad con regularidad y vigila las Core Web Vitals en Google Search Console. Un sitio rápido significa visitantes satisfechos, mejor posicionamiento SEO y más conversiones: invertir en velocidad siempre merece la pena. Comprueba el rendimiento de tu sitio con nuestro test de velocidad del sitio.