Optimización avanzada de WordPress

A continuación se describen algunas soluciones avanzadas para ayudarte a optimizar sitios web de WordPress lentos o ineficientes.

Hay cuatro componentes principales a los que debes prestar atención:

• Los archivos principales de WordPress
• La versión de PHP del sitio web
• Plugins
• Temas

Los archivos principales de WordPress

Puedes revisa los archivos principales de WordPress utilizando los siguientes métodos:

• Si estás usando una versión desactualizada, aparecerá un banner en la parte superior del panel.
• Revisa la sección Actualizaciones del panel de control.
• Revisa la versión en la esquina inferior derecha de la página wp-admin.
• Inicia sesión en tu servidor a través de FTP o SSH y lee el archivo wp-includes/version.php
• Inicia sesión en tu servidor a través de SSH y corre el comando wp core version.

Actualizar la versión manualmente

Si tu sitio fue creado usando el instalador de WordPress de DreamHost o DreamPress, tu sitio debería recibir actualizaciones automáticas de DreamHost. Sin embargo, puedes actualizarlo manualmente en cualquier momento siguiendo las instrucciones de este artículo.

Versión de PHP del sitio web

PHP es el lenguaje de codificación sobre el que se basa WordPress, por lo que debes asegurarte de que tu sitio esté ejecutando la última versión de PHP que tus plugins y tema puedan soportar. Revisa este artículo para obtener instrucciones sobre cómo actualizar la versión de PHP de tu sitio.

Plugins y temas

Tu tema y todos los plugins también deberían usar la última versión. Si bien WordPress te notificará sobre cualquier nueva versión de tema y plugins, hay algunas cosas que debes recordar:

• Los plugins y temas premium (comprados) NO se almacenan en el repositorio de WordPress. Deberás descargar las actualizaciones para estos plugins desde el mercado donde los compraste.
• Algunos plugins y temas se consideran abandonados y no se han actualizado desde hace bastante tiempo. Todavía se pueden descargar desde wordpress.org, pero es posible que no sean compatibles con las versiones modernas de WordPress.

Revisa los siguientes artículos para obtener instrucciones sobre cómo actualizar tus plugins y temas de WordPress:

• Administrar los plugins de WordPress
• Administrar los temas de WordPress

Una vez que todas las versiones estén actualizadas, puedes concentrarte en configurar tus plugins y temas para que funcionen de manera eficiente.

Desinstalar plugins redundantes

Desinstala cualquier plugin que tu sitio ya no necesite.

Además, asegúrate de no utilizar plugins similares que hagan lo mismo (como plugins de optimización de imágenes múltiples). Algunos plugins, como Jetpack, incluyen muchas funciones diferentes, por lo que puedes desactivar las que no necesites.

Si tienes varios plugins que realizan el mismo servicio, prueba el rendimiento de tu sitio con cada uno por separado para comparar los resultados.

Revisar el tema

Prueba tu sitio usando un tema predeterminado para obtener una referencia eficaz de rendimiento. Luego, habilita el tema elegido para ver cómo difieren los resultados.

Muchos temas, especialmente los premium, incluyen muchas funciones adicionales que pueden requerir mayores requisitos de recursos y reducir el rendimiento del sitio.

Compatibilidad

A veces, los plugins pueden entrar en conflicto entre sí. Si observas demoras o problemas con los tiempos de carga de tu sitio, intenta probar diferentes combinaciones de tus plugins juntos.

WP-Cron es una función de programación de WordPress que utilizan una serie de plugins. Cada vez que se carga una página del sitio, WordPress comprueba un programa interno para ver si hay eventos que ejecutar. Los eventos programados más comunes incluyen copias de seguridad o publicaciones. Si se ejecutan en momentos inoportunos (como un respaldo del sitio durante las horas pico de tráfico), pueden causar problemas de rendimiento.

Por lo tanto, se recomienda que muevas los eventos programados a las horas de menor actividad de tu sitio. Si tus plugins no tienen configuraciones para administrar individualmente sus tareas programadas, puedes usar un plugin como WP Control para agregar, eliminar, ejecutar manualmente, y reprogramar eventos programados.

Otro problema potencial puede ocurrir en sitios particularmente concurridos, donde WordPress revisa continuamente su programación hasta el punto de causar problemas de rendimiento. En estos casos, se recomienda deshabilitar WP-Cron y configurar un cron del sistema para manejar la programación de tareas.

Las siguientes opciones ayudan a probar el rendimiento de su sitio.

Herramientas online — Las herramientas de prueba en línea pueden ofrecer sugerencias sobre formas de mejorar tu sitio, pero ten en cuenta que la clasificación que utilizan estos sitios es efectivamente arbitraria. Si decides utilizar una herramienta de prueba de velocidad, asegúrate de utilizar la misma durante toda la prueba.

Plugin — También puedes usar un plugin como Query Monitor para probar el rendimiento dentro del panel de WordPress. Esto es más complejo que usar una herramienta de prueba en línea, pero estos plugins pueden acceder al back-end del sitio para brindar información más específica.

Línea de comando — También puedes solucionar problemas iniciando sesión en tu servidor a través de SSH y usando wp-cli. Esto te permite depurar y probar directamente en el servidor, pero requiere más experiencia que otros métodos.

Reducir el tamaño de las imágenes puede ayudar a optimizar tu sitio. Estas pueden incluir fondos, íconos, llamadas a la acción, avatares y más. También puede considerar utilizar el Optimizador de Imágenes EWWW, que proporciona herramientas específicas para esto.

A continuación se muestran varias formas diferentes de optimizar las imágenes de tu sitio.

Tipo de archivo

Debes considerar qué tipo de archivo usar para las imágenes de tu sitio. La opción ideal puede variar según el propósito, pero suele incluir:

• JPG — utiliza compresión con pérdida, lo que reduce la calidad de la imagen a cambio de un tamaño de archivo más pequeño. Se suelen utilizar para fotografías e imágenes de menor escala que pueden permitirse la pérdida de calidad.
• PNG — utiliza compresión sin pérdida y se utiliza a menudo para imágenes muy detalladas, como fotografías. Esto significa que la calidad de cada imagen es mucho mejor, pero el tamaño del archivo es mucho mayor en comparación con un JPG. Estos solo deben utilizarse en situaciones en las que se requiere una imagen de alta calidad o imágenes que utilicen transparencia.
• GIF — son más pequeños y de menor calidad que los JPG, pero admiten animaciones. Ten en cuenta el tamaño del archivo y asegúrate de que no sea tan grande que ralentice los tiempos de carga de tu página web.
• SVG — son gráficos basados en vectores, que se escalan a cualquier tamaño sin pérdida de calidad. El tamaño del archivo aumentará cuanto más detallados sean, por lo que generalmente solo se deben usar para logotipos o iconos.
• WEBP — un formato moderno que admite compresión con y sin pérdida, animación y transparencia.

Tamaño y escala

Considera cambiar el tamaño de las imágenes de alta resolución en un editor de imágenes. Esto es especialmente importante al optimizar para navegadores móviles, ya que las pantallas más pequeñas se verán más afectadas por tamaños de archivo más grandes.

Plugins

Se recomienda que utilices un CDN de imágenes como el Site Accelerator gratuito de Jetpack. El plugin puede reducir el tamaño de tus imágenes cuando sea necesario, convertirlas al formato WEBP y puede configurarse para utilizar la carga diferida. Otra alternativa es Imagify de WP Rocket, que ofrece muchas de las mismas funciones e incluye una opción gratuita.

Carga diferida

La carga diferida retrasa la carga de un elemento de imagen hasta que es visible en la ventana gráfica, lo que reduce el tiempo de carga inicial del visitante. Varios plugins de WordPress ofrecen esta función, incluidos Jetpack, LazyLoad de WP Rocket y a3 Lazy Load.

La minificación es el proceso de reducir el tamaño de tus archivos CSS, JS, y HTML estáticos utilizando dos técnicas.

Técnica 1  — Minimizar el código

El primero es eliminar las partes innecesarias del archivo, como los comentarios y los espacios en blanco. Por ejemplo, aquí hay un fragmento de código CSS que no se ha minimizado:

/* Applies to the entire body of the HTML document (except where overridden by more specific
selectors). */
body {
  margin: 25px;
  background-color: rgb(240,240,240);
  font-family: arial, sans-serif;
  font-size: 14px;
}

Una vez minimizado, el mismo código se ve así:

body{margin:25px;background-color:rgb(240,240,240);font-family:arial,sans-serif;font-size:14px;}

Esto es menos legible para los humanos, pero el tamaño del archivo resultante es mucho menor y se cargará más rápido. Dado que la mayoría de los usuarios no interactuarán con archivos estáticos, esta suele ser una buena solución intermedia.

Técnica 2  — Combinar el código

La segunda técnica utilizada en la minimización es combinar varios archivos del mismo tipo en un solo archivo, lo que reduce la cantidad total de solicitudes HTTP al cargar el sitio.

Plugins

Los siguientes plugins pueden ayudar a optimizar tu sitio.

• El Acelerador de sitios de Jetpack minimizará los archivos estáticos, pero solo cubre los activos principales de WordPress, WooCommerce y Jetpack.
• Autoptimize es otra opción y cubre todos los archivos estáticos de tu sitio.
• Async JavaScript posterga el análisis de los archivos JS. Esto significa que otros contenidos del sitio, como imágenes y texto, se cargarán antes que los archivos Javascript del sitio. Esto puede mejorar la experiencia de navegación en muchos casos, pero ten en cuenta que algunos temas dependen de JS para representar el contenido, lo que puede causar conflictos.

El almacenamiento en caché es una opción sencilla y útil para aumentar el rendimiento del sitio.

• DreamPress — Los sitios DreamPress utilizan una solución de almacenamiento en caché del servidor que ya está configurada como parte de la plataforma.
• WordPress — Las instalaciones estándar de WordPress tienen muchos plugins diferentes disponibles. Dos recomendaciones gratuitas comunes son Cache Enabler y WP Super Cache.

Revisa este artículo para obtener más información sobre cómo optimizar las bases de datos de WordPress.

Si ya has optimizado tu sitio, pero notas una disminución en el rendimiento, revisa las solicitudes HTTP que llegan a tu servidor. Puedes encontrar esta información si revisa los registros de acceso de tu sitio.

Estos datos sin procesar son más confiables que los plugins de análisis a la hora de solucionar problemas de tráfico.

Revisa este artículo para ver varios comandos diferentes que puedes usar para ordenar y ver los datos del registro. Por ejemplo, puedes correr el siguiente comando para contar la cantidad de veces que cada IP ha accedido a tu sitio:

[server]$ awk '{print $1}' /path/to/your/access.log | sort | uniq -c |sort -n

Una vez que tengas una lista de direcciones IP, utiliza una herramienta para buscar la dirección IP y determinar si es necesario realizar alguna acción adicional.

Controlar robots y rastreadores

Los robots y rastreadores de indexación de motores de búsqueda son importantes para el SEO, pero a veces pueden ser agresivos, hasta el punto de afectar el rendimiento del sitio. Revisa este artículo para obtener información sobre cómo limitar los robots y los rastreadores.

Bloquear el tráfico

Si una IP con mucho tráfico no es un robot o rastreador conocido o un servicio de terceros que estás usando (como un servicio de copia de seguridad o CDN), es posible que quieras bloquearlo. Revisa este artículo para obtener información sobre cómo bloquear una IP usando un archivo .htaccess.

Limitar las llamadas de /wp-admin/admin-ajax.php

La llamada admin-ajax.php, también conocida como el latido de wp-admin, envía una solicitud cada 15 segundos para mantener activa la conexión entre el navegador y el servidor. Esto permite el guardado automático, evita los tiempos de espera de los usuarios y ayuda a las funciones de plugins de terceros que se ejecutan en segundo plano. Sin embargo, cada solicitud carga la totalidad de la página /wp-admin, lo que puede aumentar el uso de recursos. En algunos casos, admin-ajax.php puede llamarse en el lado público del sitio, generalmente debido a una función de tema o plugin.

Si ve llamadas a public-side admin-ajax.php, puedes desactivar tus plugins en un entorno de prueba para encontrar al culpable.

Otro método para limitar la función es el plugin Heartbeat Control, que puede deshabilitar las llamadas admin-ajax en las páginas públicas y /wp-admin, además de limitar la frecuencia de guardado automático del editor de publicaciones.

Una red de distribución de contenido (CDN) puede aumentar el rendimiento incluso de un sitio bien optimizado. Cloudflare es una opción de CDN gratuita que incluye muchas otras funciones.

Después de haber realizado estos pasos de optimización, es posible que descubras que tu sitio aún tiene problemas de rendimiento. Lo primero que debes hacer es realizar una revisión adicional de tus plugins y temas. Si no puedes eliminar ningún plugin adicional o usar un tema que consuma menos recursos, tiene dos opciones más.

Servicio de optimización de sitios de DreamHost

Considera utilizar el Servicio de Optimización de Sitios de DreamHost. Para obtener más información sobre el servicio, revisa la siguiente página:

• Optimización de Sitios de DreamHost

Mejorar el plan de alojamiento

Mejorar a un alojamiento DreamPress o VPS podría ayudar si tienes un plan de Alojamiento Shared, especialmente si esperas ver un crecimiento en el tráfico del sitio.