Checklist de rendimiento WordPress para Core Web Vitals

Por /

Este checklist te da los puntos clave y accionables para mejorar LCP, INP y CLS en cualquier WordPress. Sigue el orden y verás resultados medibles en PageSpeed y en campo.

Hosting y versión de PHP

  • Usa hosting con servidor LiteSpeed, Nginx o Apache optimizado y al menos 4 GB de RAM.
  • Activa PHP 8.2 o superior; evita PHP 7.4 como si quemara.
  • Elige almacenamiento SSD o NVMe; el disco lento arruina cualquier caché.
  • Configura OPcache con al menos 256M de memoria y valida que esté activo.
  • Activa Redis o Memcached para object cache si tu hosting lo permite.

Caché de página

  • Instala un plugin de caché de página que genere HTML estático (LiteSpeed Cache, WP Rocket o Nginx Helper).
  • Activa caché de página para visitantes anónimos y mobile por separado.
  • Excluye las URLs de carrito, checkout y mi cuenta en WooCommerce.
  • Purge la caché automáticamente al publicar o actualizar contenido.
  • Configura caché de navegador con cabeceras Cache-Control de al menos 1 semana para assets estáticos.

Imágenes y optimización visual

  • Sirve todas las imágenes en WebP o AVIF; nunca uses JPG o PNG sin convertir.
  • Implementa lazy loading nativo (loading=»lazy») y fetchpriority=»high» solo en el LCP image.
  • Usa srcset y sizes correctos; no cargues una imagen de 2000 px en móvil.
  • Comprime con calidad 80-85; evita plugins que compriman al vuelo en cada petición.
  • Reserva espacio con width y height o aspect-ratio en CSS para evitar CLS.
  • Evita imágenes encima del fold que dependan de JavaScript para cargarse.

Fuentes tipográficas

  • Autohostea las fuentes (Google Fonts o similares) en tu propio servidor.
  • Usa font-display: swap y preconnect a los dominios necesarios.
  • Limita el número de variantes de peso y estilo a las estrictamente necesarias.
  • Genera subsets solo con los caracteres que realmente usas.
  • Evita cargar más de dos familias de fuentes diferentes.

JavaScript de terceros

  • Revisa y elimina o pospone Google Analytics, Meta Pixel, Hotjar, chatbots y similares.
  • Carga scripts de terceros con defer o async siempre que sea posible.
  • Utiliza Partytown o proxy a través de tu dominio para scripts que disparan INP.
  • Reduce el impacto de Google Tag Manager moviendo triggers al server-side si puedes.
  • Monitorea el Third-party summary en Lighthouse y actúa sobre los peores.

Base de datos y consultas

  • Limpia revisiones, transientes huérfanos, spam y datos de plugins abandonados.
  • Indexa las tablas principales de WooCommerce (postmeta, woocommerce_order_items).
  • Usa un plugin de object cache para reducir queries repetidas.
  • Evita plugins que lancen queries en cada carga (estadísticas en frontend, etc.).
  • Revisa el Query Monitor y elimina las consultas que superen 50 ms.

Medición y monitorización

  • Mide siempre con datos de campo (CrUX) y no solo con Lighthouse de laboratorio.
  • Configura Web Vitals en Google Search Console y en Looker Studio.
  • Usa el plugin Query Monitor + Web Vitals para ver los números reales en desarrollo.
  • Activa el Performance Profiler de Chrome DevTools y revisa el Long Task list.
  • Establece alertas cuando LCP supere 2.5 s, INP 200 ms o CLS 0.1.

Orden de aplicación recomendado

  1. Hosting y PHP primero (el mayor salto).
  2. Caché de página completa.
  3. Imágenes y fuentes (impacto directo en LCP y CLS).
  4. Optimización de JavaScript de terceros (principal culpable de INP).
  5. Limpieza de base de datos y plugins.
  6. Medir, ajustar y repetir.

Aplica este checklist de forma secuencial y mide después de cada bloque. La mayoría de tiendas pasan de rojo a verde con solo los tres primeros puntos. El resto es pulir.

Scroll al inicio