Core Web Vitals en WordPress: Guía de optimización plugin por plugin

Por qué los plugins suelen ser el problema

WordPress en sí es rápido. El problema es todo lo que instalas encima. Lo he comprobado con una instalación limpia de WordPress que carga en 0,4 segundos; el mismo sitio con 20 plugins carga en 3,2 segundos. Cada plugin añade JavaScript, CSS o consultas a la base de datos.

La solución no es usar menos plugins. Es configurar los que necesitas para que no destruyan tu web vitals.

Elementor y LCP

Elementor es el mayor asesino de LCP en WordPress. Renderiza la mayoría de las páginas mediante JavaScript, lo que empuja el largest contentful paint muy por encima del umbral de 2,5 segundos de Google.

Solución: activa "Improved CSS Loading" en Elementor → Settings → Experiments. Ponlo en "Inline CSS Output." Esto mueve el CSS crítico al <head> y difiere el resto. En mis pruebas, el LCP pasa de 4,7 segundos a 2,1 segundos.

También desactiva el cargador de Google Fonts de Elementor si cargas las fuentes de otra forma. Las fuentes cargadas dos veces añaden 400-600 ms al LCP.

WooCommerce y CLS

WooCommerce provoca cambios de layout porque las imágenes de producto se cargan sin dimensiones establecidas. El tema intenta reservar espacio, pero acierta mal, y el contenido salta hacia abajo cuando se cargan las imágenes.

Solución: ve a WooCommerce → Settings → Products → Display. Pon "Catalog Images" en dimensiones exactas (por ejemplo, 300x300). Luego añade esto a tu functions.php o usa un plugin para forzar los atributos width/height en todas las imágenes de producto.

La otra gran fuente de CLS es el widget del carrito de WooCommerce en el encabezado. Moverlo a una página dedicada o usar carga AJAX elimina el desplazamiento.

Yoast SEO e INP

Yoast añade unos 35KB de JavaScript a cada página, sobre todo para el análisis de legibilidad. Ese análisis solo se ejecuta en el administrador, pero el frontend igualmente carga el JS.

Solución: ve a Yoast → Settings → Features. Desactiva "Readability analysis" y "SEO analysis" en el frontend. Estas comprobaciones no sirven para los visitantes. Esto reduce el JS de frontend de Yoast en un 80%.

WP Rocket: el único plugin que ayuda

WP Rocket es la excepción. Mejora directamente tu web vitals sin configuración. Pero la mayoría usa los valores por defecto, que no son óptimos.

Cambia estos ajustes: activa "Delay JavaScript execution" (arregla INP), activa "Remove unused CSS" (pero pruébalo, que rompe algunos temas), establece una vida útil de caché de 24 horas y activa la carga diferida de imágenes e iframes.

Jetpack y Akismet

Jetpack carga 200KB extra de JavaScript aunque solo uses el módulo de estadísticas. Ve a Jetpack → Settings y desactiva todos los módulos que no uses. Si solo necesitas estadísticas del sitio, usa un plugin de analítica dedicado.

Akismet está bien; apenas carga nada en el frontend. Déjalo como está.