Consejos de optimización de velocidad de WordPress

Una lista de verificación detallada para su sitio web de WordPress. ¡Haz tus piernas CMS, o al menos nuevas zapatillas para correr!

¿Un sitio web lento? No estás solo. Y no, no es solo tu percepción: La velocidad es fundamental para la experiencia del usuario, así como para el SEO y la tasa de conversión.

Pero las buenas noticias: Muchas optimizaciones son más fáciles de implementar de lo que piensas. En este artículo encontrará no solo una lista de verificación, sino también un poco de información adicional e información de antecedentes. porqué Estos pasos realmente hacen que su sitio sea más rápido.

Qué debe medir y por qué

Si simplemente ajustas «en el azul», estás tocando en la oscuridad. Por lo tanto, al igual que en metrología, siga el enfoque de «normas de control de medidas». Las métricas más importantes te ayudarán a identificar los cuellos de botella:

  • TTFB (Tiempo hasta el primer byte): Es hora de que su servidor comience a responder. Si pasan varios segundos, el frontend más rápido no te hará ningún bien. Causa: hoster lento, caché faltante o consultas de base de datos ineficientes.
  • LCP (Largest Contentful Paint): Qué tan rápido es visible el contenido principal (generalmente una imagen o título de héroe). Los usuarios perciben esto como «la página está lista, puede desplazarse».
  • CLS (cambio de diseño acumulativo): Si los elementos más tarde se deslizan. Todo el mundo lo sabe: Quieres hacer clic, y de repente la página salta de nuevo, lo cual es extremadamente molesto.
  • INP (Interacción con la siguiente pintura): Tiempo de respuesta para las interacciones (clics, toques). Sustituye al FID y es crucial para que su página se sienta «fluida».

Buenas prácticas:

  • Uso Información de PageSpeed y prestar atención a Datos de campo (Usuarios reales) y Datos de laboratorio (pruebas simuladas). WebPageTest o faro También son geniales.
  • Pruebe diferentes tipos de página: Además de su página de inicio Idealmente, sitios como populares Entradas del blog o Páginas de productos.
  • Las pruebas móviles son una prioridad, porque el escritorio a menudo ya no es la mayoría de los visitantes (y también es más fácil de optimizar).

Usando el ejemplo de WebPageTest, esto podría parecer una evaluación:

Métricas de rendimiento de página utilizando el ejemplo de WebPageTest

Los rápidos logros 80/20

Con estas medidas, puedes lograr mejoras visibles en pocas horas:

Actualización de PHP y WordPress

  • Las versiones más recientes de PHP son Significativamente más rápido (por ejemplo, PHP 8.2 vs. 7.4: hasta el doble de velocidad).
  • OPcache Almacena scripts de uso frecuente en la memoria → menos trabajo de servidor.

Importante: Siempre pruebe primero en la puesta en escena, luego cambie en vivo.

Configurar el plugin de almacenamiento en caché correctamente

  • Caché de páginas: En lugar de volver a calcular todos los datos cada vez que llama, WordPress ofrece páginas HTML listas para usar → tiempos de carga drásticamente más cortos.
  • Precarga: La caché ya está precargada, por lo que incluso el primer visitante no tiene que esperar.

Plugins de mejores prácticas:

  • WP Rocket: Muy fácil de usar.
  • Caché de LiteSpeed: Perfecto para servidores LiteSpeed, extremadamente potente.

Importante: Lightspeed o Nginx son generalmente más poderosos que Apache.

JavaScript & Optimizar CSS

  • Aplazar JS: Los scripts no críticos se cargan más tarde para hacer que el contenido principal sea más visible.
  • Retraso JS: Cargar scripts de terceros (por ejemplo, píxeles de Facebook) solo después de la interacción te ahorra segundos.
  • CSS crítico: Cargar solo los estilos necesarios para el área visible da como resultado una representación más rápida.

Atención: Active paso a paso y pruebe la funcionalidad después de cada cambio.

Upstream CDN (para sitios internacionales más grandes)

Uno Red de entrega de contenido Cloudflare distribuye su sitio a servidores de todo el mundo. Los visitantes obtienen los datos de la ubicación más cercana.

  • Efectos: distancias de carga más cortas, protocolos modernos (HTTP/3), compresión automática (pan).
  • Extra para WordPress: Cloudflare APO incluso ofrece páginas dinámicas a la velocidad del rayo.

Importante: Como bloguero de bosques y prados con unos pocos cientos de vistas, no es esencial.

Optimizar las imágenes

  • Ajuste el tamaño: No cargue una imagen de 5000px si solo necesita 1600px → guardar MB.
  • Cambiar formato: WebP/AVIF son hasta 80 % más pequeño que JPG/PNG.
  • Imagen de héroe como caso especial: No es una carga perezosa, pero con fetchpriority="alto" priorizar.
  • Especificar anchura/altura: Evita saltos de diseño (CLS).

Consejos de plugins: ShortPixel, Imagify, Optimole.

Optimizar las fuentes

Los Webfonts suelen ser las pastillas de freno «invisibles» más grandes:

  • Las fuentes del sistema son las más rápidas.
  • Si la fuente de marca: Solo cortes de 1 a 2 (regulares, en negrita).
  • Anfitrión de fuentes localmente, reducir a woff2.
  • Visualización de fuentes: swap Úsalo para que el texto aparezca inmediatamente.
  • Solo incluya los caracteres requeridos (subsección).

Importante: Cualquier cosa que no tenga que cargarse externamente (Hola Google Fonts) tampoco le molesta con el consentimiento de GDPR / Cookies.

Plugins & Excluir activos

  • Cada plugin trae su propio CSS / JS → a menudo incluso donde no es necesario en absoluto.
  • Con Perfmatters o Limpieza de activos Puede deshabilitar los scripts página por página.
  • Evita los monstruos todo en uno como Slider Revolution si solo necesitas una imagen simple.

Regla general: «Menos plugins = menos problemas». Por cierto, también en el contexto de la seguridad, por supuesto, también da lugar a menos puertas de entrada.

Recortar scripts de terceros

Los análisis, el chat, los mapas de calor o las etiquetas de marketing se suman.

  • Carga solo lo que realmente usas.
  • Si es posible: Inicie scripts retrasados (por ejemplo, solo después de desplazarse o hacer clic).
  • Por ejemplo, puede utilizar Google Analytics con etiquetado del lado del servidor o Alternativas ligeras Cómo reemplazar plausible.

Atención: Aquí, también, hay varios escollos, menos es definitivamente más en este caso, no solo en términos de rendimiento.

Elija el tema & Builder conscientemente

  • Temas ligeros como GeneratePress o Astra son ideales → pocos KB, código limpio.
  • Gutenberg en lugar de un generador de páginas pesado reduce el tamaño del DOM.
  • Si Builder es inevitable: Utilice diseños de contenedores, deshabilite funciones innecesarias.

Buenas prácticas: Mantenga el DOM pequeño. Muchos elementos anidados son venenosos para el rendimiento.

Optimizar la página del servidor

  • Buen anfitrión: Utilice un proveedor con una pila moderna (HTTP/3, TLS 1.3, Brotli).
  • Servidor web: LiteSpeed o Nginx son más poderosos que Apache.
  • Almacenamiento en caché de objetos (Redis/Memcached): Almacena datos dinámicos en RAM → extremadamente importante para WooCommerce & Membresías.
  • ¿TTFB alto a pesar de la caché? → Utilice Query Monitor para identificar consultas lentas de la base de datos.

Sitios de WooCommerce

Las tiendas son especialmente sensibles:

  • Reglas de caché: Carrito de la compra, checkout & no guarde en caché «Mi cuenta».
  • Fragmentos de AJAX Solo almacene donde se necesiten.
  • Imágenes del producto: Comprime muy bien las miniaturas y las insignias.
  • Precarga: Guardar automáticamente en caché las páginas de productos y categorías después de las actualizaciones.

Optimizar la base de datos de & Cron

  • vieja revisiones, transitorios y Opciones de carga automática Suprímase regularmente.
  • Sustitúyase WP-Cron: Con mucho tráfico, WP-Cron se ralentiza porque se ejecuta cuando se llama a la página → mejor configurar el servidor real-Cron.

Comandos útiles de WP-CLI:

wp transitorio eliminar --todos → eliminar transitorios wp post eliminar $(wp post list --post_type='revision' --format=ids) --force → Eliminar revisiones wp option list --autoload=on --fields=option_name,size → Comprobar opciones de carga automática wp db optimizar → Optimizar la lista de eventos wp cron de la base de datos → Comprobar trabajos cron wp cache flush → Borrar cache wp profile stage all (Addon) → Análisis de rendimiento

El WP-CLI Es una herramienta extremadamente poderosa para mantener y acelerar WordPress de adentro hacia afuera. Muchas cosas que de otra manera requieren plugins o torpeza manual se pueden hacer directamente con unos pocos comandos. Te voy a enumerar algunos de los Comandos clave WP-CLI para el rendimiento y explicar lo que están haciendo:

Limpiar el caché de & Transients

Los transitorios son pequeños cachés en la base de datos (por ejemplo, respuestas API, resultados de consultas). Si no se limpian, inflan la base de datos.

wp transitorio suprimir --todos

Elimina todos los transitorios almacenados.
Efecto: Consultas de base de datos menos innecesarias, base de datos más pequeña.

Algunos plugins permiten que los antiguos transitorios se "degeneren", por lo que vale la pena eliminarlos regularmente.

Suprimir las revisiones de puestos

WordPress guarda cada cambio como una revisión por defecto → puede hacer que la base de datos sea innecesariamente grande.

wp post eliminar $(wp post list --post_type='revision' --format=ids) --force

Elimina todas las revisiones guardadas.
Efecto: La base de datos se está volviendo más delgada, especialmente para blogs con muchas actualizaciones.

Consejo: En el wp-config.php Puedes ir con

define('WP_POST_REVISIONS', 5);

limitar el número máximo de revisiones por puesto.

Compruebe y limpie las opciones cargadas automáticamente

Muchos plugins crean ajustes en la tabla de opciones (wp_options) y conjunto carga automática = sí. Esto significa que WordPress las carga cada vez que se accede a una página, aunque no sean necesarias en absoluto.

wp lista de opciones --autoload=on --fields=option_name,size sort -k2 -n

Muestra todas las opciones de carga automática ordenadas por tamaño.
Efecto: Puede identificar a los consumidores de memoria que inflan su «autocarga».

Buenas prácticas: Verifique críticamente las opciones > 1 MB y, si es necesario, elimine o carga automática = no Conjunto (solo para administradores experimentados).

Optimizar la base de datos

Un clásico MySQL OPTIMIZE TABLE también se puede disparar a través de WP-CLI:

wp db optimizar

Optimiza las tablas de la base de datos de WordPress.
Efecto: Espacio libre, acceso más rápido.

Compruebe Cron Jobs &

Usos de WordPress WP-Cron, realizar tareas (por ejemplo, actualizaciones, copias de seguridad, boletines informativos). Si está sobrecargado, bloquea las vistas de página.

wp cron lista de eventos

Muestra todos los trabajos planificados de Cron.

wp cron evento borrar <hook>

Eliminar un trabajo específico.

Buenas prácticas: Desactive WP-Cron en páginas de alto tráfico y reemplácelo con un servidor real: Cron:

define('DISABLE_WP_CRON', true);

en el wp-config.php, a continuación, del lado del servidor, por ejemplo:

*/5 * * * php /var/www/html/wp-cron.php >/dev/null 2>&1

Comprobar/vaciar la caché de objetos

Si usa Redis o Memcached como caché de objetos, puede vaciarlo a través de CLI:

wp cache flush

Borra toda la caché.
Efecto: Limpie el reinicio si los datos antiguos se atascan.

Plugin- & Tema-Comprobación

A veces, un plugin o tema se ralentiza. Con WP-CLI puede probar:

wp plugin desactivate --all wp plugin active <plugin-name>

Desactivar/activar plugins específicamente para identificar asesinos de rendimiento.

estado del tema wp

Comprueba el tema activo y los posibles cadáveres en la carpeta.

Estadísticas de páginas y complementos de WP-CLI

Hay extensiones prácticas tales como wp perfiles, que muestran directamente los cuellos de botella:

wp etapa de perfil todo

Mide el tiempo de carga de plugins, temas y núcleo.
Efecto: Puedes ver qué plugins se están ralentizando más.

Lo hermoso: Con estos comandos, usted puede Guardar plugins de optimización, Ellos mismos traen de vuelta el lastre.

Configuración básica de WP Rocket

Versión corta de los ajustes útiles:

  • Caché para escritorio/móvil, vida útil ≥ 10h.
  • Minificar CSS/JS, no combinar.
  • Crear CSS crítico.
  • Habilitar el retardo de & de JS defer.
  • Lazy Load para imágenes/iFrames, YouTube como miniatura.
  • Fuentes & Precargar DNS.
  • Limpieza semanal de la base de datos.

Importante: Pruebe paso a paso, de lo contrario será difícil de depurar en caso de problemas.

Priorización: ¿qué es lo primero?

  1. Medición del rendimiento (base de referencia).
  2. Actualizaciones (PHP, WP, Plugins).
  3. Caché + precarga.
  4. Optimiza las imágenes.
  5. Activa la CDN.
  6. Eliminar plugins/activos.
  7. Corregir las fuentes.
  8. Recortar scripts de terceros.
  9. Después de una semana, puede verificar sus datos de campo y ajustarlos.

Page Speed Insights también son excelentes para una tarea tan recurrente y también proporcionan consejos detallados para una mayor optimización:

Page Speed Insight como alternativa a la evaluación

Causas típicas de los problemas

  • ¿Lentamente a pesar del caché? → La imagen grande o la fuente se ralentizan.
  • ¿Alto CLS? → Imágenes sin dimensiones, anuncios o cabeceras pegajosas.
  • ¿Un INP malo? → Demasiado JS, scripts de seguimiento, demasiado profundo DOM.
  • ¿Lentamente conectado? → Normal, habilite la caché de objetos aquí.

Seguridad sin pérdida de velocidad

  • Muchos plugins de seguridad funcionan como firewalls → pueden ralentizarse.
  • Por lo tanto, sería mejor: Seguridad de borde (Cloudflare WAF, por ejemplo).
  • Mantenga los plugins actualizados, elimine los obsoletos, programe análisis de malware.

Monitoreo de alertas de &

  • Realice un seguimiento de Core Web Vitals con GA4, Cloudflare o script web-vitals.
  • Uptime & Configurar la supervisión del rendimiento → Detectar instantáneamente los cambios después de las actualizaciones del tema/plugin.

Aquí hay una lista de verificación de copiar y pegar

¿Tienes la última versión de PHP + OPcache?
Utilice el host más rápido con HTTP/3 + CDN
Si su complemento de almacenamiento en caché está configurado, la caché está precargada
¿Están tus imágenes optimizadas (tamaño, formato, configuración de héroe)?
Cargue solo las fuentes mínimamente & localmente, idealmente precargadas
Una vez que se limpia su CSS / JS, solo carga la página, específicamente
Tiene/puede reducir scripts de terceros & carga retrasada
Si la caché de objetos está activa (Tiendas/Miembros)
¿Está optimizada su base de datos & Cron?
¿Tiene las reglas especiales de Shop/WooCommerce activas?

Y siempre esté atento a sus Core Web Vitals (Google Search Console) semanalmente

Conclusión: Quédate con una expectativa realista

Los puntajes perfectos de los 100 son agradables, pero no necesarios. (Hola Nivel92) ??

Si su sitio está en un teléfono inteligente de gama media inmediatamente «snappy» Si los Core Web Vitals están en el área verde, usted está en el lugar correcto.

No olvides: Enfócate siempre en Experiencia de usuario real En lugar de sólo números.

Buena suerte en la optimización y recuerde:
¡Pequeños pasos, gran efecto!