Optimización definitiva de velocidad en WordPress: guía técnica completa 2026

diciembre 20, 2025

Tu sitio de WordPress es lento. Tú lo sabes, tus visitantes lo saben y, lo que es peor, Google también lo sabe. Cada segundo de retraso te cuesta conversiones, posicionamiento y ingresos. ¿La buena noticia? La mayoría de los problemas de rendimiento provienen del mismo puñado de causas, y solucionarlos no requiere tener un título en informática.

Esta guía cubre todo lo que necesitas para transformar un sitio de WordPress lento en una auténtica bestia de velocidad. Hablamos de tiempos de carga inferiores a 2 segundos y puntuaciones de PageSpeed superiores a 90. Sin relleno, sin consejos genéricos que ya has leído cientos de veces. Solo técnicas accionables que realmente funcionan.

Arreglemos tu sitio.

Comprender por qué WordPress se vuelve lento

Antes de lanzar plugins al problema, necesitas entender qué es lo que realmente está ralentizando las cosas. El propio WordPress es bastante eficiente. La lentitud viene de todo lo que le añadimos encima.

Los sospechosos habituales:

  • Imágenes sin optimizar consumiendo ancho de banda (a menudo 50-70% del peso total de la página)
  • Demasiados plugins realizando consultas a la base de datos y cargando scripts
  • No caching forcing WordPress to rebuild pages from scratch every time
  • Temas sobrecargados con funciones que nunca usarás
  • Desorden en la base de datos tras años de revisiones, spam y datos abandonados de plugins
  • Recursos que bloquean el renderizado hacen que los navegadores esperen antes de mostrar el contenido

La idea clave aquí es que la optimización de velocidad no es una sola cosa. Son capas. Cada capa que optimizas multiplica las mejoras de las demás. Un sitio con un gran sistema de caché pero imágenes terribles seguirá siendo lento. Un sitio con imágenes optimizadas pero sin caché seguirá siendo lento.

You need to address all the layers.

Midiendo tu rendimiento actual

No puedes mejorar lo que no mides. Antes de cambiar nada, haz un benchmark de tu rendimiento actual para poder seguir tu progreso.

Como puedes ver, como autores de temas nos preocupamos por optimizar nuestros productos. A continuación, los resultados para nuestro tema Listeo:

Las herramientas de prueba que realmente necesitas

  1. Google PageSpeed Insights (pagespeed.web.dev) te ofrece las métricas que Google realmente utiliza para el posicionamiento. La sección de “field data” muestra la experiencia real de los usuarios, mientras que “lab data” muestra resultados de pruebas controladas. Ambas son importantes.
  2. GTmetrix (gtmetrix.com) ofrece detallados gráficos en cascada que muestran exactamente qué se está cargando y cuándo. El plan gratuito es suficiente para la mayoría de los diagnósticos.
  3. WebPageTest (webpagetest.org) ofrece pruebas avanzadas desde múltiples ubicaciones con vistas en forma de tira de fotogramas que muestran cómo se renderiza tu página cuadro por cuadro.
  4. Query Monitor es un plugin de WordPress para depuración del backend. Te muestra qué plugins están ejecutando consultas lentas a la base de datos, cuántas consultas realiza cada página y qué scripts se están cargando y dónde.
  5. Herramienta de Benchmark de Hosting – Este plugin te permite evaluar a fondo el rendimiento del servidor de hosting de tu WordPress con métricas detalladas y objetivas

Cómo realizar pruebas correctamente

Ejecuta al menos 3 pruebas por página y utiliza el resultado medio. Las redes varían, los servidores tienen momentos buenos y malos, y una sola prueba puede ser engañosa.

Haz pruebas desde las ubicaciones donde realmente se encuentren tus usuarios. Si tu audiencia está en Alemania, hacer pruebas desde Virginia no te dirá gran cosa.

Prueba siempre el rendimiento en dispositivos móviles primero. Google utiliza la indexación mobile-first y las puntuaciones móviles casi siempre son peores que en escritorio. Si tu puntuación móvil es buena, el escritorio se cuidará solo.

Borra todas las cachés entre pruebas cuando hagas cambios. Esto incluye la caché de WordPress, la caché del CDN y la caché del navegador. De lo contrario, estarás probando versiones antiguas.

Prueba primero tu hosting (esto es crítico)

Aquí va una verdad que la mayoría de las guías de optimización omiten: ninguna cantidad de caché, compresión de imágenes o ajustes de código puede arreglar un hosting lento. Si tu servidor tarda 2 segundos solo en responder, estás luchando con una mano atada a la espalda.

Antes de dedicar horas a optimizaciones, haz un benchmark de tu hosting. Necesitas saber si tu techo de rendimiento está limitado por el propio servidor.

Plugin para probar el rendimiento del hosting: https://wordpress.org/plugins/wpbenchmark/

Por qué el rendimiento del hosting importa más de lo que crees

Cada solicitud de página comienza con tu servidor. El navegador pide una página y tu servidor debe:

  1. Recibir la solicitud
  2. Ejecutar PHP
  3. Consultar la base de datos
  4. Construye la respuesta
  5. Envíalo de vuelta

Esto sucede antes de que entre en acción cualquier optimización del frontend. Un servidor que tarda 800ms en hacer este trabajo significa que tu página nunca podrá cargarse en menos de 800ms, punto. Mientras tanto, un hosting de calidad completa esto en menos de 200ms.

La diferencia entre un hosting compartido barato y un hosting adecuado para WordPress puede ser de 500-1500ms en cada carga de página. Eso no es algo que puedas optimizar con plugins.

Cómo evaluar el rendimiento de tu hosting

Usa una herramienta de benchmark de hosting para medir el rendimiento real de tu servidor en múltiples componentes. A diferencia de las simples pruebas de velocidad, una herramienta de benchmark adecuada somete a estrés exactamente aquello de lo que WordPress depende:

  1. CPU y memoria – Prueba qué tan rápido procesa datos tu servidor. Esto afecta la velocidad de ejecución de PHP, lo que influye directamente en la rapidez con que WordPress genera las páginas. La herramienta ejecuta operaciones con grandes volúmenes de datos de texto y datos binarios aleatorios para medir la potencia de procesamiento en bruto.
  2. Sistema de archivos – Analiza las velocidades de lectura/escritura en el disco de tu servidor. WordPress lee constantemente archivos del tema, archivos de plugins y escribe archivos de caché. Sistema de archivos lento = todo lento. Las subpruebas incluyen capacidad de escritura, velocidad de copia de archivos y operaciones de E/S con archivos pequeños.
  3. Base de datos – Esto es fundamental para WordPress. La herramienta prueba la importación de grandes volúmenes de datos, consultas simples en tablas individuales y consultas complejas a través de múltiples tablas. Si tus pruebas de base de datos obtienen una puntuación baja, la carga de cada página se ve afectada.
  4. Object Cache – Comprueba si la caché de objetos persistente (Redis/Memcached) está habilitada y qué tan rápido funciona. Las subpruebas miden la velocidad de escritura en caché, la velocidad de lectura y las operaciones mixtas de lectura/escritura. Si la caché de objetos aparece como deshabilitada o lenta, estás pasando por alto una importante oportunidad de optimización.
  5. Red – Prueba la velocidad de descarga desde tu servidor. Esto afecta la rapidez con la que tu servidor puede obtener recursos externos y la velocidad con la que puede enviar datos a los visitantes.

Comprender tus puntuaciones de referencia

La herramienta te muestra tanto los porcentajes por categoría (cuántas pruebas se superaron) como las puntuaciones de cada prueba individual en una escala de hasta 10. Tu puntuación general del servidor combina todo en una sola cifra.

Interpretación de la puntuación:

  • 8-10: Excelente. Tu hosting es sólido.
  • 7-8: Bien. Hay margen de mejora, pero es funcional.
  • 6-7: Mediocre. Tu hosting te está frenando.
  • Below 6: Deficiente. Considera seriamente cambiar de hosting.

Presta especial atención a estos resultados:

Las puntuaciones de la base de datos son lo que más importa en WordPress. Si “Consultas de base de datos complejas en múltiples tablas” obtiene una puntuación inferior a 5, tu sitio tendrá dificultades con cualquier cosa que vaya más allá de blogs básicos. Las tiendas WooCommerce, los sitios de membresía y los blogs con mucho tráfico necesitan un rendimiento de base de datos sólido.

Object cache status is critical. If “Persistent object cache enabled” shows a low score or isn’t available, you’re missing one of the biggest performance wins. Many budget hosts don’t offer Redis or Memcached at all.

Las puntuaciones del sistema de archivos afectan al caché. Los plugins de caché de página escriben miles de archivos pequeños. Si la prueba de “Small file IO” obtiene una puntuación baja, tu caché será lento tanto al generarse como al servirse.

Qué significan tus resultados

Puntuación del servidor 7+: Tu hosting es sólido. Sigue las optimizaciones de esta guía y verás excelentes resultados.

Puntuación del servidor 6: Tu alojamiento es adecuado pero tiene puntos débiles. Revisa qué categorías obtuvieron la puntuación más baja. Si es la base de datos o la caché de objetos, esas optimizaciones específicas tendrán un impacto limitado hasta que actualices el alojamiento.

Puntuación del servidor por debajo de 6: tu alojamiento es el problema. Ninguna cantidad de ajustes de plugins compensará una infraestructura fundamentalmente lenta. Debes:

  • Actualiza tu plan de hosting (compartido → WordPress gestionado)
  • Cámbiate a un hosting optimizado para WordPress
  • Pásate a un VPS con una configuración adecuada

Comprobaciones rápidas del servidor que puedes hacer ahora mismo

  • Comprueba la versión de PHP (Escritorio → Herramientas → Salud del sitio → Información → Servidor). Usar PHP 8.3+ es esencial. PHP 7.4 es significativamente más lento y ha llegado al final de su vida útil.
  • Comprueba la memoria disponible. Si tu hosting te limita a 64MB o 128MB de memoria PHP, las páginas complejas tendrán dificultades.
  • Comprueba la ubicación del servidor. Si tu servidor está en EE. UU. pero tu audiencia está en Europa, cada solicitud viaja a través del Atlántico. Una CDN ayuda, pero un hosting más cercano es mejor.

Cuándo Cambiar de Hosting

Considera cambiar si:

  • El benchmark muestra un TTFB constante superior a 500ms
  • El rendimiento varía enormemente entre pruebas (vecinos inestables en alojamiento compartido)
  • Tu proveedor de hosting no ofrece PHP 8.x
  • El almacenamiento en caché de objetos Redis/Memcached no está disponible
  • El soporte no puede explicar por qué tu sitio es lento

La diferencia de coste entre el hosting económico (5 $/mes) y el hosting WordPress de calidad (25-50 $/mes) es mínima en comparación con las mejoras de rendimiento. No construyas un sitio optimizado para la velocidad sobre una base lenta.

Caché: La mayor mejora única en rendimiento

If you do nothing else from this guide, set up proper caching. It’s the single most impactful optimization you can make.

Aquí está el motivo: sin caché, cada solicitud de un visitante hace que WordPress ejecute código PHP, consulte la base de datos, genere la página y la envíe de vuelta. Ese proceso tarda como mínimo cientos de milisegundos, y a menudo mucho más.

Con el almacenamiento en caché de páginas, WordPress construye la página una sola vez, la guarda como HTML estático y sirve ese archivo preconstruido a todos. El servidor solo lee y envía un archivo. Estamos hablando de milisegundos de una sola cifra.

Plugins de caché de página que vale la pena usar

  1. WP Rocket (59 $/año) es el estándar de oro. Aplica el 80% de las optimizaciones automáticamente al activarse y ofrece la mejor experiencia de usuario. Si tu presupuesto lo permite, esto es lo que recomiendo. Consulta nuestra configuración recomendada para WP Rocket
  2. LiteSpeed Cache (gratis) es la mejor opción gratuita si tu hosting utiliza servidores LiteSpeed. Incluye funciones por las que otros plugins gratuitos cobran.
  3. FlyingPress (60 $/año) es una alternativa más reciente con una excelente optimización de Core Web Vitals. Vale la pena considerarla si buscas algo moderno.
  4. WP Super Cache (gratis) es el plugin de caché oficial de Automattic. Ligero y fiable, aunque con menos funciones.
  5. W3 Total Cache (gratis) es potente pero complejo. Las opciones de configuración pueden abrumar a los principiantes, pero es muy capaz en las manos adecuadas.

Configuraciones de caché críticas

Activa la precarga de caché. Esto genera páginas en caché en segundo plano antes de que lleguen los visitantes, de modo que nadie cargue nunca una página sin caché.

Crea una caché móvil separada solo si estás sirviendo contenido diferente a los usuarios móviles. Si tu sitio es responsive (el mismo HTML, diferente CSS), no lo necesitas. Solo duplicará el espacio que ocupa tu caché.

Excluye las páginas dinámicas de la caché. Esto incluye:

  • /cart/*
  • /checkout/*
  • /my-account/*
  • Cualquier página con contenido específico para el usuario

Configura un tiempo de expiración de caché adecuado. Para la mayoría de los sitios, 24 horas funciona bien. Los sitios de noticias pueden necesitar un periodo más corto, mientras que los sitios estáticos pueden usar uno más largo.

Enable Object Caching with Redis, Memcached, or Docket

El almacenamiento en caché de páginas gestiona las solicitudes del frontend. El almacenamiento en caché de objetos gestiona el backend almacenando en memoria los resultados de las consultas a la base de datos.

Piénsalo así: incluso con el almacenamiento en caché de páginas, los usuarios conectados, las páginas de administración y el contenido dinámico siguen accediendo constantemente a la base de datos. El almacenamiento en caché de objetos significa que WordPress revisa primero la memoria (microsegundos) antes de acudir a MySQL (milisegundos).

Aquí está el truco: No puedes simplemente activar Redis o Memcached por tu cuenta. Tu proveedor de hosting debe soportarlo a nivel de servidor. Revisa el panel de control de tu hosting o contacta con soporte para ver si la caché de objetos está disponible en tu plan. Muchos hostings compartidos no la ofrecen, mientras que los proveedores de hosting administrado de WordPress y los VPS normalmente sí.

Una vez que hayas confirmado que tu hosting lo admite:

  • Para servidores LiteSpeed: el plugin LiteSpeed Cache incluye almacenamiento en caché de objetos integrado
  • Para Redis: instala el plugin Redis Object Cache
  • Para Memcached: Usa el plugin W3 Total Cache u otro similar con soporte para Memcached

¿No tienes Redis o Memcached disponibles? Prueba Docket Cache. Es una caché de objetos basada en archivos que funciona en cualquier hosting sin requisitos a nivel de servidor. No igualará el rendimiento de Redis, pero es significativamente mejor que no usar caché de objetos y no requiere ninguna configuración en el servidor.

Optimización de Imágenes: Reducir el Peso de la Página a la Mitad

Las imágenes suelen ser los elementos más pesados de cualquier página. Una sola imagen principal sin optimizar puede pesar más que todo tu HTML, CSS y JavaScript juntos.

El objetivo es obtener tamaños de archivo más pequeños sin pérdida visible de calidad. La compresión moderna es sorprendentemente buena en esto.

Compresión: con pérdida vs sin pérdida

La compresión con pérdida elimina permanentemente algunos datos de la imagen. Con niveles de calidad del 60-90%, la diferencia visual es imperceptible para las personas, pero el tamaño de los archivos se reduce en un 40-70%.

La compresión sin pérdida mantiene todos los datos de la imagen pero optimiza cómo se almacenan. Ofrece reducciones más pequeñas (10-30%), pero sin ninguna pérdida de calidad.

Para fotografías y la mayoría de las imágenes web, la compresión con pérdida al 80-85% de calidad alcanza el punto óptimo.

Plugins de optimización de imágenes

  1. ShortPixel (4,99 $/mes por 5.000 imágenes) destaca en la compresión de PNG y ofrece la mejor calidad en general. Incluye CDN gratuito.
  2. Imagify (4,99 $/mes para 10.000 imágenes) funciona a la perfección con WP Rocket y genera resultados JPG excelentes.
  3. EWWW Image Optimizer ofrece optimización local gratuita (más lenta, usa los recursos de tu servidor) o procesamiento en la nube de bajo costo ($0.003/imagen).
  4. Optimole adopta un enfoque diferente con optimización en tiempo real y CDN integrado. Gratis para sitios con menos de 5.000 visitantes al mes.

Todos estos pueden optimizar automáticamente las imágenes al subirlas y optimizar en masa las imágenes existentes. Ejecuta la optimización masiva durante las horas de poco tráfico, ya que consume muchos recursos.

Carga diferida bien implementada

La carga diferida pospone la descarga de imágenes hasta que los usuarios se desplazan cerca de ellas. Esto ahorra ancho de banda y acelera la carga inicial de la página, pero hay un inconveniente: aplicar lazy loading a tu imagen hero arruina tu puntuación de LCP. El elemento de Largest Contentful Paint debe cargarse de inmediato, no esperar a que el usuario se desplace.

Los buenos plugins de optimización se encargan de esto automáticamente.

  1. WP Rocket detecta las imágenes above-the-fold y las excluye del lazy loading. También puedes excluir manualmente imágenes específicas por clase CSS o nombre de archivo en Ajustes → WP Rocket → Media.
  2. Perfmatters te permite excluir imágenes por URL, clase o establecer una cantidad de imágenes para omitir (por ejemplo, “omitir las primeras 3 imágenes”).
  3. FlyingPress tiene detección automática de imágenes LCP. Identifica tu elemento LCP y lo excluye de la carga diferida sin necesidad de ninguna configuración.
  4. LiteSpeed Cache incluye una opción “Excluir imagen LCP” que hace exactamente lo que su nombre indica.

Si tu imagen LCP sigue cargándose de forma diferida (lazy load) (PageSpeed Insights te avisará de esto), busca una opción tipo “Excluir de lazy load” en tu plugin de caché y añade el nombre de archivo o la clase CSS de tu imagen hero.

Optimización de la base de datos: limpiando años de desorden

Las bases de datos de WordPress acumulan basura con el tiempo. Las revisiones de entradas se acumulan, los plugins dejan datos abandonados, y los transients expiran sin ser limpiados. Esta sobrecarga ralentiza las consultas y desperdicia almacenamiento.

Usa un plugin de limpieza de base de datos

No toques las consultas SQL manualmente cuando los plugins se encargan de esto de forma segura y automática.

WP-Optimize (gratuito) es la opción más popular. Limpia:

  • Revisiones de entradas
  • Borradores automáticos
  • Entradas en la papelera
  • Comentarios de spam y papelera
  • Transitorios caducados
  • Metadatos huérfanos de entradas

Puedes ejecutar las limpiezas manualmente o programarlas semanalmente/mensualmente. También optimiza las tablas de la base de datos con un solo clic.

WP-Sweep (gratuito) es una alternativa más ligera que se centra exclusivamente en la limpieza sin funciones extra. Es una buena opción si quieres algo minimalista.

Advanced Database Cleaner (gratuito con la versión pro) ofrece el control más granular. Detecta tablas huérfanas de plugins eliminados y te permite ver exactamente qué se va a eliminar antes de borrarlo.

Set your plugin to run automatically:

  • Semanalmente: Eliminar comentarios de spam, transitorios caducados, elementos en la papelera
  • Mensual: elimina revisiones antiguas, optimiza las tablas

Limitar las revisiones en adelante

WordPress guarda revisiones ilimitadas por defecto. Limpiarlas es bueno, pero prevenir su acumulación es mejor.

Perfmatters tiene una opción “Limit Post Revisions” donde puedes establecer un número (5 es razonable) o desactivarlas por completo.

If you prefer not to use a plugin for this, add to wp-config.php:

define('WP_POST_REVISIONS', 5);

Comprobación de datos con autoload (avanzado)

Este es un caso en el que vale la pena hacer una comprobación manual. Las opciones con autoload se cargan en cada petición de página, y unos datos autoload inflados son un asesino oculto del rendimiento.

Ejecuta esto en phpMyAdmin o en tu herramienta de base de datos:

sql

SELECT SUM(LENGTH(option_value)) / 1024 / 1024 AS autoload_mb 
FROM wp_options 
WHERE autoload='yes';

Saludable: menos de 800KB. Problemático: más de 1MB. Crítico: más de 2MB.

Encuentra a los culpables:

sql

SELECT option_name, LENGTH(option_value) / 1024 AS size_kb 
FROM wp_options 
WHERE autoload='yes' 
ORDER BY LENGTH(option_value) DESC 
LIMIT 20;

Los culpables habituales incluyen reglas de redirección antiguas, ajustes de plugins abandonados y opciones de temas infladas. Advanced Database Cleaner Pro puede detectar y corregir problemas de autoload desde su interfaz si prefieres no tocar SQL.

Desactivar funciones innecesarias de WordPress

WordPress carga varias funciones por defecto que muchos sitios no necesitan. Cada una añade JavaScript, CSS o carga de procesamiento.

La forma fácil: usa Perfmatters

Perfmatters (24,95 $/año) está diseñado específicamente para esto. Un solo plugin, ajustes sencillos y listo.

Pestaña Script Manager:

  • Disable emojis
  • Disable embeds (oEmbed)
  • Disable XML-RPC
  • Disable RSS feeds
  • Disable REST API links
  • Remove jQuery Migrate
  • Remove dashicons for logged-out users

Extras tab:

  • Heartbeat control (disable, or reduce frequency)
  • Limit post revisions
  • Disable self-pingbacks
  • Remove shortlink
  • Remove RSD link
  • Disable Google Maps API
  • Disable password strength meter

Tú marcas casillas, guardas, listo. Sin código, sin functions.php, sin riesgo de romper nada.

Alternativa: revisa primero tu plugin de caché

Antes de comprar otro plugin, revisa qué es lo que tu plugin de caché ya ofrece:

WP Rocket (Ajustes → Medios → Incrustaciones) te permite desactivar las incrustaciones.

LiteSpeed Cache (Optimización de página → Ajustes) tiene opciones para eliminar cadenas de consulta, optimizar Google Fonts y controlar el heartbeat.

FlyingPress incluye opciones para desactivar emojis, eliminar el CSS no utilizado y retrasar JavaScript.

Puede que ya tengas estas funciones y no lo sepas.

Alternativa gratuita: Code Snippets

Si no quieres comprar Perfmatters y tu plugin de caché no cubre lo que necesitas, usa el plugin gratuito Code Snippets para añadir pequeñas funciones de PHP sin tocar los archivos de tu tema.

Desactiva Heartbeat (o ralentízalo):

php

add_filter('heartbeat_settings', function($settings) {
    $settings['interval'] = 60; // Slow to 60 seconds instead of 15
    return $settings;
});

Disable Emojis:

php

remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

Disable XML-RPC (via .htaccess is more secure):

apache

<Files xmlrpc.php>
    Order Deny,Allow
    Deny from all
</Files>

Pero sinceramente, Perfmatters por 25 $/año lo vale solo por la comodidad y la tranquilidad de saber que está hecho correctamente.

Auditoría de plugins: identificando a los asesinos del rendimiento

Los plugins son la mayor incógnita en el rendimiento de WordPress. Un plugin mal programado puede añadir cientos de milisegundos a cada carga de página.

Identificar complementos lentos con Query Monitor

Query Monitor (gratuito) es esencial para diagnosticar problemas de rendimiento de plugins. Instálalo temporalmente, navega por tu sitio y comprueba:

Consultas por componente: Muestra las consultas a la base de datos por plugin. Busca plugins que realicen 50+ consultas o consultas individuales que tarden más de 0,01 segundos.

Scripts y estilos: Muestra qué plugins cargan JavaScript y CSS, y en qué páginas. Esto revela plugins que cargan recursos en todo el sitio cuando solo se necesitan en páginas específicas.

Categorías de plugins con alto impacto en el rendimiento

Algunos tipos de plugins son notoriamente problemáticos para el rendimiento:

  1. Los maquetadores de páginas (Elementor, Divi, WPBakery) añaden una sobrecarga significativa. Son prácticos, pero tienen un coste.
  2. Los plugins de compartición en redes sociales suelen cargar scripts de múltiples servicios de terceros.
  3. Los plugins de estadísticas que registran todo machacan la base de datos con escrituras.
  4. Los sliders y carruseles cargan bibliotecas JavaScript pesadas.
  5. Los plugins “todo en uno” intentan hacerlo todo, cargando componentes que quizá no necesites.

Esto no significa que no puedas usar estos plugins. Solo ten en cuenta las compensaciones.

Carga condicional de plugins

Muchos plugins cargan su CSS y JavaScript en todas las páginas, incluso cuando no es necesario. Contact Form 7 cargándose en tu página de inicio. Scripts de WooCommerce en las entradas del blog. Lightboxes de galerías en páginas sin galerías.

Asset CleanUp (gratuito) analiza cada página y te muestra cada archivo CSS/JS cargado. Puedes desactivar archivos específicos por página, tipo de entrada o en todo el sitio.

Perfmatters Script Manager hace lo mismo pero con una interfaz más limpia. Puedes ver todos los scripts y hojas de estilo, y desactivarlos con interruptores.

Ahorros de ejemplo:

  • Desactiva Contact Form 7 en todas partes excepto en tu página de Contacto
  • Desactivar los scripts de WooCommerce en las páginas que no son de tienda
  • Disable slider scripts on pages without sliders
  • Desactiva los scripts de comentarios en las páginas donde los comentarios estén deshabilitados

Solo esto puede eliminar 10-20 solicitudes HTTP por página en sitios sobrecargados.

Optimización de JavaScript

El JavaScript que bloquea el renderizado es uno de los problemas de rendimiento más comunes. La solución es aplazar o retrasar los scripts para que no bloqueen el renderizado de la página.

Tu plugin de caché se encarga de esto. Busca estos ajustes:

  1. WP Rocket: File Optimization → JavaScript Files → “Load JavaScript deferred” and “Delay JavaScript execution”
  2. FlyingPress: JavaScript → “Defer JavaScript” y “Delay JavaScript”
  3. LiteSpeed Cache: Page Optimization → JS Settings → “Load JS Deferred”
  4. Perfmatters: Assets → “Defer JavaScript” y “Delay JavaScript”

Retrasar JavaScript es especialmente potente. Impide que los scripts se ejecuten hasta que haya interacción del usuario (movimiento del ratón, desplazamiento o clic). Las analíticas, widgets de chat y scripts sociales no necesitan ejecutarse hasta que alguien realmente interactúe con la página.

Si tienes problemas después de habilitar el aplazamiento: Algunos temas y plugins tienen JavaScript mal programado que se rompe al diferirlo. Tu plugin tendrá un campo de exclusiones donde puedes listar scripts específicos para que sigan cargando de forma normal. jQuery es el más común que necesita excluirse.

CSS Optimization

El CSS crítico extrae los estilos necesarios para el contenido por encima del pliegue y los inserta en línea. El resto se carga sin bloquear el renderizado.

  • WP Rocket: File Optimization → CSS Files → “Optimize CSS delivery” (generates critical CSS automatically)
  • FlyingPress: CSS → “Generate Critical CSS”
  • Perfmatters: CSS → “Remove Unused CSS” (generates used CSS per page)
  • LiteSpeed Cache: Page Optimization → CSS Settings → “Generate Critical CSS”

Eliminar CSS no utilizado va aún más lejos. En lugar de solo priorizar el CSS por encima del pliegue, analiza cada página y crea una hoja de estilos mínima que contiene únicamente el CSS realmente utilizado. Esto puede reducir la carga de CSS en un 70-90% en páginas que cargan hojas de estilo de temas infladas.

Configuración de CDN: Entrega de contenido más rápida a nivel global

Una CDN (Red de Entrega de Contenido) almacena en caché tu contenido en servidores perimetrales globales. Los visitantes descargan los recursos desde la ubicación más cercana en lugar de desde tu servidor de origen.

Cloudflare: La mejor opción gratuita

La versión gratuita de Cloudflare ofrece:

  • CDN global con 300+ ubicaciones perimetrales
  • Certificado SSL gratuito
  • Protección DDoS
  • Optimizaciones básicas (minificación, compresión Brotli)

Cloudflare APO (5 $/mes) almacena en caché páginas completas de WordPress en el edge, no solo recursos estáticos. Esta es la mejor mejora de rendimiento individual para sitios con audiencias distribuidas geográficamente.

Speed → Optimization:

  • Auto Minify: Enable for CSS, JS, HTML (or disable if your caching plugin handles this)
  • Brotli: Enable
  • Early Hints: Enable
  • Rocket Loader: Disable (conflicts with most caching plugins)

Caching:

  • Caching Level: Standard
  • Browser Cache TTL: Respect Existing Headers
  • Tiered Cache: Enable

Network:

  • HTTP/3: Enable

CDN alternativos

BunnyCDN (desde $0.01/GB) ofrece una excelente relación calidad-precio con 119+ PoPs. Úsalo con el plugin BunnyCDN o CDN Enabler para una integración sencilla con WordPress.

KeyCDN ($0.04/GB mínimo) ofrece análisis en tiempo real y una configuración sencilla.

Si ya estás utilizando WP Rocket, este incluye RocketCDN (8,99 $/mes), que funciona con StackPath y se integra a la perfección.

Optimizaciones del lado del servidor

Algunas optimizaciones ocurren a nivel de servidor, fuera de WordPress.

PHP Version

PHP 8.2 o 8.3 ofrece una mejora de rendimiento de más del 30% frente a PHP 7.4. Comprueba tu versión en Escritorio → Herramientas → Salud del sitio → Información → Servidor.

Actualizar es rendimiento gratis. La mayoría de los hosts te permiten cambiar la versión de PHP en el panel de control de tu hosting. Solo verifica primero que tus plugins sean compatibles (casi con total seguridad ya lo son a estas alturas).

GZIP and Brotli Compression

La compresión reduce el tamaño de los archivos basados en texto en un 70-90%.

Buenas noticias: Es probable que tu plugin de caché ya se encargue de esto.

WP Rocket habilita GZIP automáticamente. LiteSpeed Cache en servidores LiteSpeed se encarga de ello. La mayoría de los hosts administrados de WordPress activan la compresión a nivel de servidor.

Para verificar que la compresión esté funcionando, pasa tu sitio por GTmetrix. Si GZIP/Brotli está habilitado, lo verás en la cascada (Waterfall) bajo los encabezados Content-Encoding.

Si la compresión no está habilitada, añade esto a .htaccess:

apache

<IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/xml
    AddOutputFilterByType DEFLATE text/css text/javascript
    AddOutputFilterByType DEFLATE application/javascript application/json
    AddOutputFilterByType DEFLATE image/svg+xml
</IfModule>

Brotli ofrece una compresión un 20% mejor que GZIP. Cloudflare activa Brotli de forma gratuita. De lo contrario, requiere configuración a nivel de servidor.

PHP Memory Limits

Si ves pantallas en blanco o errores de tiempo de espera en páginas complejas, es posible que necesites más memoria. Añade lo siguiente a wp-config.php:

php

define('WP_MEMORY_LIMIT', '256M');
define('WP_MAX_MEMORY_LIMIT', '512M');

Core Web Vitals: Las métricas que le importan a Google

Core Web Vitals son las métricas de experiencia de usuario de Google que impactan directamente en el posicionamiento en buscadores:

  • LCP (Largest Contentful Paint): Qué tan rápido se carga el contenido principal. Objetivo: ≤2,5 segundos
  • CLS (Cumulative Layout Shift): Cuánto se desplaza el diseño de la página durante la carga. Objetivo: ≤0.1
  • INP (Interaction to Next Paint): Qué tan rápido responde la página a la interacción del usuario. Objetivo: ≤200ms

Optimizando el LCP

LCP mide cuándo termina de cargarse el elemento visible más grande. Normalmente se trata de tu imagen principal (hero), una miniatura de video o un bloque de texto grande.

Tu plugin de optimización puede encargarse automáticamente del LCP:

WP Rocket: Activa la opción “Preload critical images” en la pestaña Media. WP Rocket detecta y precarga automáticamente la imagen de LCP.

FlyingPress: Has automatic LCP detection built-in. No configuration needed.

Perfmatters: Añade la URL de tu imagen principal en el campo “Preload”, o usa su función de Imágenes Críticas.

Si PageSpeed sigue mostrando problemas con el LCP, comprueba:

  • ¿Tu imagen de héroe es demasiado grande? Comprímela.
  • ¿Tu imagen principal se está cargando de forma diferida? Exclúyela (esto se cubre en la sección de carga diferida).
  • ¿Tu servidor es lento? Ningún plugin soluciona un hosting lento.

Solucionar el CLS

CLS mide los cambios de diseño inesperados. Que los elementos se muevan mientras la página se carga frustra a los usuarios.

Especifica siempre las dimensiones de las imágenes:

html

<img src="photo.jpg" width="800" height="600" alt="Description">

WordPress gestiona esto automáticamente para las imágenes de la Biblioteca de Medios desde la versión 5.5.

Reserva espacio para el contenido dinámico:

css

/* Ad containers */
.ad-slot {
    min-height: 250px;
}

/* Embeds */
.video-container {
    aspect-ratio: 16 / 9;
}

La carga de fuentes provoca CLS. Si el texto se redistribuye visiblemente cuando se cargan las fuentes personalizadas, tienes un cambio de diseño relacionado con la tipografía. Consulta la sección de Optimización de Fuentes.

Mejorar INP

INP mide qué tan rápido tu página responde a las interacciones del usuario durante todo el ciclo de vida de la página.

Activa “Delay JavaScript” en tu plugin de caché. Esto evita que los scripts no esenciales bloqueen el hilo principal hasta que haya interacción del usuario.

WP Rocket: “Delay JavaScript execution” in File Optimization

FlyingPress: “Delay JavaScript”

Flying Scripts (plugin independiente gratuito): retrasa los scripts hasta que el usuario interactúa

Un tamaño grande del DOM también perjudica el INP. Si tu página tiene miles de elementos HTML (algo común con los maquetadores visuales), las interacciones se sentirán lentas. Simplifica tus diseños siempre que sea posible.

Optimización de fuentes

Las fuentes web pueden afectar significativamente el rendimiento y la estabilidad visual. El objetivo es cargarlas de forma eficiente sin provocar cambios en el diseño.

Hospeda localmente las Google Fonts

Usar Google Fonts directamente implica búsquedas DNS adicionales y posibles problemas de cumplimiento con el RGPD.

Plugins que se alojan automáticamente en el propio servidor:

  1. OMGF (gratuito) – Analiza tu sitio, descarga las Google Fonts y las aloja localmente. Lo configuras una vez y te olvidas.
  2. WP Rocket – pestaña Media → interruptor “Host Google Fonts locally”. Un solo clic.
  3. Perfmatters – Assets → activar “Google Fonts locales”.
  4. LiteSpeed Cache – Optimización de página → Ajustes → “Google Fonts Async”

Precargar fuentes críticas

La precarga indica a los navegadores que descarguen las fuentes de forma anticipada, antes de que el análisis de CSS las detecte.

Es probable que tu plugin de optimización se encargue de esto:

  • WP Rocket: precarga automáticamente las fuentes usadas en la parte visible sin hacer scroll cuando activas “Optimizar la entrega de CSS”.
  • Perfmatters: Añade las URL de las fuentes al campo Preload.
  • FlyingPress: Precarga automática de fuentes cuando el CSS crítico está habilitado.

Precarga manualmente solo si tu plugin no lo gestiona. Añade uno o dos archivos de fuentes críticos (no todos):

html

<link rel="preload" href="/fonts/inter.woff2" as="font" type="font/woff2" crossorigin>

Reducir archivos de fuentes

Cada grosor y estilo de fuente es un archivo independiente. Pregúntate: ¿realmente utilizas Regular, Medium, Semi-bold, Bold Y Italic?

La mayoría de los sitios pueden funcionar con 2-3 archivos de fuentes (Regular, Bold, quizá Italic). Elimina los demás en la configuración de tu tema o de carga de fuentes.

Las fuentes variables combinan todos los grosores en un solo archivo. Google Fonts suministra fuentes variables por defecto cuando están disponibles. Un archivo en lugar de cinco.

Ajustes de visualización de fuentes

Usa font-display: swap para mostrar el texto de reserva inmediatamente mientras se cargan las fuentes personalizadas (evita el texto invisible).

Usa font-display: optional para obtener las mejores puntuaciones de CLS. El navegador tiene una ventana de tiempo muy corta para usar la fuente personalizada; si no se carga a tiempo, la fuente alternativa permanece de forma permanente. Sin cambio de diseño.

La mayoría de los plugins de fuentes te permiten elegir este ajuste. OMGF tiene un desplegable de font-display. Perfmatters te permite configurarlo por cada fuente.

Esto es lo que suele ejecutar un sitio de WordPress bien optimizado:

Si el presupuesto lo permite: WP Rocket + ShortPixel

WP Rocket (59 $/año) gestiona el 80% de la optimización de velocidad en un solo plugin:

  • Page caching
  • Browser caching
  • GZIP compression
  • JavaScript defer/delay
  • CSS optimization and critical CSS
  • Lazy loading with LCP protection
  • Database cleanup
  • Preloading and prefetching
  • Local Google Fonts

Para la mayoría de los sitios, WP Rocket por sí solo es suficiente. No necesitas Perfmatters además de eso a menos que quieras el Administrador de Scripts para un control granular.

ShortPixel (4,99 $/mes) o Imagify (4,99 $/mes) para la optimización de imágenes. WP Rocket no incluye esto.

Opción económica: plugins gratuitos

Puedes lograr resultados similares con plugins gratuitos, solo que con más configuración:

  • LiteSpeed Cache o WP Super Cache (caching)
  • EWWW Image Optimizer (image optimization)
  • Asset CleanUp (script management)
  • OMGF (local Google Fonts)
  • Flying Pages (prefetching)
  • WP-Optimize (database cleanup)

Más plugins que gestionar, pero costo cero.

For Debugging

Query Monitor (free) – Install temporarily to diagnose issues. Remove after.

Errores comunes que debes evitar

Ejecutar varios plugins de caché – Entran en conflicto. Elige uno y configúralo correctamente.

Sobreoptimizar – Pasar horas recortando 50 ms cuando no has solucionado lo básico. Primero los cambios de mayor impacto.

Ignorar el móvil – Las puntuaciones de escritorio no importan si el 60% de tu tráfico es móvil.

No probar después de hacer cambios – Cada optimización puede potencialmente romper algo. Prueba todo a fondo.

Usar plugins de “optimización” que añaden sobrecarga – Algunos plugins que se promocionan para mejorar la velocidad en realidad ralentizan el sitio. Mide el rendimiento antes y después.

Obsesionarse con las puntuaciones perfectas – 95 vs 100 rara vez importa para los usuarios. Concéntrate en el tiempo de carga real y la experiencia del usuario.

No comprobar el alojamiento primero – Ningún plugin soluciona servidores fundamentalmente lentos. Haz un benchmark de tu hosting antes de invertir horas en la optimización.

Purethemes