Optimización WPO en WordPress para mejorar la velocidad y rendimiento del sitio web

WPO en WordPress: Guía Completa para Optimizar el Rendimiento

El Web Performance Optimization (WPO) es clave para mejorar la velocidad de carga y el rendimiento de tu sitio en WordPress. Un sitio optimizado mejora la experiencia del usuario, reduce la tasa de rebote y favorece el posicionamiento SEO.

1. Métricas Clave de WPO

TTFB (Time To First Byte)

Mide el tiempo que tarda el servidor en enviar el primer byte.

  • Objetivo: menos de 200 ms en móvil.

FCP (First Contentful Paint)

Tiempo hasta que aparece el primer contenido visible en pantalla.

  • Objetivo: menos de 1.8 s en móvil.

LCP (Largest Contentful Paint)

Tiempo hasta que se carga el elemento más grande en el «Above The Fold».

  • Objetivo: menos de 2.5 s en móvil.

CLS (Cumulative Layout Shift)

Mide la estabilidad visual. No debe haber cambios bruscos en la carga.

  • Objetivo: menos de 0.1 en móvil.

Uptime

Disponibilidad del servidor.

  • Mínimo aceptable: 99%.

2. Caché en WordPress

Caché del navegador

Almacena archivos estáticos localmente.

  • HTML, XML y JSON: 0 tiempo.
  • CSS y JS: 1 año.
  • Imágenes y vídeos: 1 año.
  • Fuentes: 1 año.
👉  Cómo añadir reCAPTCHA a los comentarios de WordPress y frenar el spam

Caché dinámica

Convierte peticiones PHP y consultas a la BD en páginas estáticas.

  • Mejor gestionar con plugins en lugar de en el servidor.
  • Para WooCommerce, excluir páginas dinámicas.

Caché de objetos o base de datos

Reduce las consultas a la BD con Memcached o Redis.

  • Usar el plugin Query Monitor para comprobarlo.

3. Configuración de PHP en WordPress

  • Memoria: mínimo 256 MB.
  • Tiempo de ejecución: 300 s recomendado.
  • Tamaño máximo de POST: 64 MB.
  • Tamaño máximo de subida de archivos: 64 MB.

4. HTTP/2

Permite carga paralela de recursos.

  • Requiere certificado SSL.
  • Verificar en la pestaña «Network» del inspector del navegador.

5. Optimización de Plugins y Temas

  • Usar Perfmatters o inspección manual para ver el peso de los plugins/temas.
  • Revisar rendimiento con Code Profiler.
  • Para backups, usar UpdraftPlus.

Orden correcto para actualizar WordPress

  1. Hacer backup con UpdraftPlus.
  2. Actualizar el tema.
  3. Actualizar los plugins (por orden de dependencia).
  4. Actualizar WordPress.

6. Peticiones Ajax y Heartbeat

Para reducir carga, aumentar intervalo de Heartbeat a 1 min:


add_filter( 'heartbeat_settings', function( $settings ) {
    $settings['interval'] = 60;
    return $settings;
});

7. Optimización de Cron en WordPress

Deshabilitar WP-Cron y configurarlo en el servidor:


// Deshabilitar cron en wp-config.php
define('DISABLE_WP_CRON', 'true');


wget -q -O - https://tuweb.com/wp-cron.php?doing_wp_cron >/dev/null 2>&1

Plugin recomendado: WP-Cron Status Checker.

8. Optimización de Base de Datos

  • WP Optimize: Limpieza de la base de datos.
  • WP Rocket: Optimización premium.
  • Query Monitor: Monitorización de consultas.
  • Docket Cache: Caché de BD.

9. Optimización de Imágenes

  • Tamaño máximo recomendado: 1200px.
  • Lazy loading: Excluir imágenes ATF.
  • Precargar imágenes clave: Usar Preload Featured Images.

10. Optimización de Fuentes

  • Cargar fuentes en local con Local Google Fonts.
  • Usar SVG en iconos.
👉  Cómo Actualizar de Forma Masiva los Precios de Todos los Productos de WooCommerce

11. Optimización de JavaScript

  • No combinar archivos JS.
  • Minificar y aplazar la carga de JavaScript.
  • Desactivar emojis con Perfmatters.

12. Optimización de DNS

  • Precargar dominios externos (CDN, YouTube, etc.).

13. Otros Aspectos Clave

Optimización de CSS

  • Eliminar CSS no usado con WP Rocket.
  • Crear CSS crítico.

Compresión Gzip

Habilitar en el servidor para reducir el peso de los archivos enviados al navegador.

Siguiendo estas estrategias, tendrás un WordPress más rápido y optimizado para SEO. ¡Ponte manos a la obra! 🚀

👇Tu comentario