Amo a WordPress, pero no es perfecto fuera de la caja.

Los temas y las opciones de complementos son más importantes que nunca, ya que algunos pueden obstaculizar el rendimiento del sitio.

Puede hacer muchas cosas para mejorar cualquier sitio de WordPress, y esta publicación cubrirá solo algunas de estas optimizaciones en las que puede (con suerte) tomar medidas de inmediato.

Elija una empresa de alojamiento web de buena reputación

Elegir un mal anfitrión puede ser perjudicial para el rendimiento de un sitio.

Si bien el alojamiento en un servidor compartido puede parecer la solución más rentable, definitivamente viene con sus problemas. Compartir ese servidor con otros sitios (potencialmente) problemáticos puede monopolizar los recursos compartidos en detrimento del suyo.

El anfitrión no cuesta la tierra. Siempre le aconsejaría que elija un host web que no solo tenga excelentes especificaciones de hardware (en un servidor dedicado si los presupuestos lo permiten), sino que también comprende tanto WordPress y tiene un fuerte soporte técnico. Y busque hosts con almacenamiento en caché de nivel de servidor.

Ya sea que su sitio reside en una plataforma de alojamiento de WordPress administrada, un servidor de Litespeed o alojamiento de nubes escalable, siempre vale la pena hacer su propia investigación y comparar algunas compañías antes de decidir.

Además, considere cuán amigable con SEO es ese anfitrión. WordPress tiene una página de alojamiento con un puñado de empresas recomendadas.

Optimizar la configuración del servidor y usar CDNS

Una vez que el sitio está alojado en el servidor, hay más optimizaciones que puede aplicar a nivel de servidor.

Los protocolos más nuevos como HTTP/3 y QUIC reducen la latencia, especialmente en dispositivos móviles.

Cloudflare y Litespeed admiten esto fuera de la caja, pero aún vale la pena verificarlo con la configuración de su servidor.

Hay varios CDN disponibles, pero mi recomendación siempre ha sido usar CloudFlare.

Su plan gratuito ofrece muchas optimizaciones, incluidos el pulido de imágenes, el almacenamiento en caché y la compresión (permite al almacenamiento en caché escalonado para optimizar aún más esas solicitudes).

También recomiendo su oferta de optimización de plataforma automática (APO) que cuesta $ 5 por sitio, o gratis con cualquiera de sus planes pagados.

Dentro de CloudFlare, recomiendo almacenar en caché todo, excepto WP-Admin y contenido dinámico, servir contenido obsoleto al revalidar la caché en segundo plano y usar sus servicios de firewall de aplicaciones web (WAF) que ayudan a bloquear los ataques y limitar los rastreadores.

Deshabilitar XML-RPC

Hay varias optimizaciones para eliminar y limitar los recursos que están habilitados de forma predeterminada en WordPress Core.

Una buena buena recomendación aquí sería deshabilitar XML-RPC si no es necesario:

Deshabilitar XML-RPC

add_filter('xmlrpc_enabled', '__return_false');

Implementar técnicas de almacenamiento en caché y compresión

Además de las optimizaciones del servidor, puede implementar más mejoras del rendimiento agregando elementos de almacenamiento en caché y compresión directamente.

El uso del almacenamiento en caché de objetos, como el barniz o redis, puede proporcionar excelentes resultados, así como establecer los encabezados adecuados de control de caché dentro.

<FilesMatch "\.(css|js|jpg|png|gif|woff2|ttf|svg|ico)$">
    Header set Cache-Control "max-age=31536000, public"
</FilesMatch>

Optimizar la carga de activos

Cuando hay almacenamiento en caché y compresión en su lugar, puede tomar más pasos para diferir a JavaScript.

Por ejemplo:

<script src="https://www.searchenginejournal.com/improve-wordpress-performance/539328/script.js" defer></script>

Además, trate de que cualquier scripts se cargue de forma asincrónica para que no degraden los tiempos de carga de la página iniciales.

Cuando se trata de CSS, siempre es bueno eliminar los estilos no utilizados cuando sea posible, aunque no diría que esta es la mayor prioridad en comparación con otras recomendaciones en esta publicación.

Además, intente precargar y preconectar las fuentes para el texto que aparece por encima del pliegue (no es necesario precargar por encima del pliegue (no es necesario precargar las fuentes para el texto en el pie de página) y otros recursos externos cuando sea posible.

Aquí hay un ejemplo de cómo se puede hacer esto:

<link rel="preload" as="font" href="https://www.searchenginejournal.com/improve-wordpress-performance/539328/fonts/myfont.woff2" type="font/woff2" crossorigin="anonymous">

Cerrar otras brechas de rendimiento

Si eres un perfeccionista como yo, siempre hay espacio para más optimizaciones.

• Habilite la carga perezosa para imágenes donde sea posible y reemplace las incrustaciones de YouTube con vistas previas de imágenes estáticas.
• Use gritos de rana para detectar redireccionamientos innecesarios.
• Cierre bucles y cadenas de redireccionamiento, que se informan dentro de las auditorías del sitio SEMRUSH. Actualice los enlaces internos para apuntar directamente a la URL de destino final.
• Reduzca las solicitudes de terceros cuando sea posible. Por ejemplo, cargue Google Analytics o Google Fonts localmente en lugar de a través de scripts externos.
• Deshabilitar widgets e incrustaciones de redes sociales no utilizadas.

Elija los temas y complementos correctos

Por lo tanto, tiene configurado su cuenta de alojamiento y su sitio de WordPress instalado.

Sin embargo, la abundancia de elecciones que tiene cuando se trata de temas y complementos hace que sea difícil decidir y elegir desarrolladores confiables. Este es un desafío que siempre ha estado presente, y he estado escribiendo al menos desde 2013.

Al elegir tanto temas como complementos, considere lo siguiente al hacerlo:

• ¿El tema es compatible con las versiones más recientes de WordPress?
• ¿Se adhiere a las mejores prácticas de WordPress para el desarrollo de temas y complementos? Puede verificar esto utilizando el complemento de verificación del tema para obtener temas y el complemento verificación de complementos.
• ¿El autor del tema tiene desarrollador eeat? ¿Puedes confiar en ellos?
• Asegúrese de que no sea demasiado hinchazón de código. Cuanto más se generalice un tema a las masas (por ejemplo, “temas todo en uno para cualquier negocio”), más se desarrollará para acomodar al público más amplio. Cuanto más a medida es el tema, (presumiblemente) menos posibilidades de hinchazón de código.
• Leer reseñas e investigar las ofertas de soporte. Para los temas y complementos que se ofrecen dentro del repositorio de WordPress, algunas reseñas y calificaciones siempre son útiles para informar sus decisiones.

La mayoría de los temas ofrecen vistas previas en vivo, por lo que vale la pena ejecutar esas URL a través de herramientas de prueba de velocidad, como PageSpeed ​​Insights, Test Página web y Chrome DevTools.

Aplicar algunas optimizaciones específicas de WordPress

¡Todavía no se ha hecho con mi perfeccionismo! Aquí hay algunas recomendaciones sobre WordPress.

La API WP Heartbeat puede crear solicitudes AJAX innecesarias. Reducir su frecuencia o deshabilitarla:

add_action( 'init', function() 
    wp_deregister_script('heartbeat');
);

También puede limitar las revisiones posteriores e intervalos de tiempo de revisión en wp-config.php:

define('WP_POST_REVISIONS', 5);
define('AUTOSAVE_INTERVAL', 300); // 5 minutes

También se recomienda deshabilitar CSS de bloque de Gutenberg no utilizado si no es necesario:

add_filter('use_block_editor_for_post', '__return_false');

Use complementos recomendados

Con tantos complementos disponibles hoy, parece desalentador saber cuáles son los mejores y más confiables.

Por supuesto, “depende” vuelve a jugar, pero en general, aconsejo usar la menor cantidad de complementos posible.

Si puede resolver algunos problemas lejos de un complemento (por ejemplo, a nivel de servidor), hágalo primero.

Dependiendo de las optimizaciones que pueda haber configurado en otro lugar, algunos de estos complementos pueden ser innecesarios de instalar, pero si no, siempre es bueno conocer las opciones preferibles.

• Almacenamiento en caché y compresión: Autoptimiza, W3 Total Cache o JetPack junto con WP Super Cache y Jetpack Boost.
• Precarga: Instant.page es una gran recomendación aquí. Utiliza una línea de código que puede implementar o ofrecen un complemento de WordPress que hace lo mismo.
• Script aplazando: Algunos complementos anteriores ofrecen esto, pero personalmente uso el meteorito WP.
• Optimización de imágenes: TinyPng o Smush para compresión de imágenes, WebP Express para servir imágenes WebP a través de PNG/JPG/EPS. Para una mayor optimización, use imágenes de borde para utilizar los servicios de transformación de borde para marcado.
• SEO: Si bien no está directamente conectado a mejorar la velocidad, Yoast SEO optimiza el rendimiento de visibilidad de un sitio [disclosure, I work for Yoast]. La mayoría de estas características proporcionadas en la versión gratuita ayudan con esto, pero cosas como IndexNow se incluyen dentro de Premium. Sin embargo, si desea habilitar IndexNow sin prima, Bing ofrece su propio complemento.

Al instalar cualquier complemento, siempre es bueno observar todas las configuraciones correctamente y deshabilitar cualquier cosa que no sea innecesaria para ahorrar más tiempo de procesamiento y reducir el hinchazón del código.

Para llevar esto al siguiente nivel, también es posible que desee instalar el organizador de complementos, lo que le permite establecer condiciones para que los complementos carguen solo dentro de las páginas/áreas relevantes del sitio.

Monitoree su servidor

Por último, siempre es bueno tener un buen sistema de monitoreo, como la nueva reliquia, en el servidor.

Este sistema le permite diagnosticar y solucionar cualquier problema que pueda obstaculizar el rendimiento del sitio o del servidor, así como reducir más la carga innecesaria del servidor al deshabilitar los módulos PHP no esenciales.

También puede configurar el registro para consultas lentas en MySQL:

SET GLOBAL slow_query_log = 'ON';
SET GLOBAL long_query_time = 1;

También recomiendo el complemento del monitor de consultas. O instalar Blackfire para recoger fragmentos de código ineficientes que causan un tiempo de respuesta lento del servidor. También es un pago, pero muy recomendable para el nivel empresarial.

Los registros de errores también son siempre su amigo, al diagnosticar otros problemas.

WordPress también ofrece modo de depuración, que es extremadamente útil para diagnosticar problemas potenciales al agregar lo siguiente en wp-config.php:

Tenga en cuenta que esto nunca debe habilitarse en un sitio de producción en vivo, ya que puede exponer información confidencial. Usar solo en la estadificación.

// Enable WP_DEBUG mode
define( 'WP_DEBUG', true );

// Enable Debug logging to the /wp-content/debug.log file
define( 'WP_DEBUG_LOG', true );

Conclusión: Mejore el rendimiento de WordPress mientras preserva la funcionalidad

Como puede ver, hay mucho que uno puede hacer para mejorar un sitio de WordPress, y es importante hacerlo desde múltiples ángulos.

Haga todo lo que pueda arriba, asegurando las funciones del sitio como debería.

Pruebe todo lo primero para asegurarse de que todo lo que necesita se implementa correctamente y no obstaculiza otras cosas en el sitio (por ejemplo, a veces almacenar en caché o comprimir JavaScript puede crear irregularidades o evitar que algunos elementos del sitio funcionen) o hacer otros conflictos. ¡Y luego despliegue!

Más recursos:

Imagen destacada: Gorodenkoff/Shutterstock