Optimizar WordPress: Guía para programadores

En este artículo vamos a hablar trucos y mejoras para optimizar WordPress orientado sólo para programadores, para que los plugins, temas o agregados a functions.php no sea un lastre en la velocidad en la carga de la página web.

Entender la Jerarquía de la carga de un tema en WordPress

Este gráfico es posible verlo con detalle en este enlace

Sin duda entender este gráfico ayuda mucho a saber que elementos cargan antes que otros, esto puede ayudar en la realización de las consultas o obtención de datos y la utilización correcta en la creación de un plugin totalmente personalizado en caso sea necesario.

Los temas profesionales que se venden en distintos marketplace cumplen con la redacción básica del codex para la creación de un tema, esta documentación puedes encontrarlo en este enlace

Optimizar WordPress cacheando los elementos multimedia a través del .htaccess

Aunque hay plugins que puede marcar el cacheo de archivos, puedes hacerlo sin directamente en el htacess

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##

Mejorar el uso de las consultas de WP_query para optimizar WordPress

Tenemos claro que WP_query es una herramienta que mejora y asegura las consultas. pero hay que tener en cuenta que todo es una consulta con el motor de MySQL y que podemos pensar en traspasar parte de la carga de la consulta con el motor de PHP. Pongo un ejemplo:

<?php

$args=['post_per_page'=>10 , 'post_not_in'=>[1,2,3] ];

$query = new WP_Query( $args );

for ( $i = 0; $i < count( $query->posts ); $i++ )

{

// $query->posts[ $i ] o cualquier dato que quieras mostrar con el resultado

}

?>

Con ese código hacemos toda la carga al motor MySQL.  ¿y si balanceamos las cosas?

<?php

$post_a_excluir=[1,2,3];

$post_por_pagina=10;

$args=['post_per_page'=>$post_por_pagina+count($post_a_excluir)];

$query = new WP_Query( $args );

for ( $i = 0; $i < count( $query->posts ) && $i < $post_por_pagina $i++ )

{

if ( ! in_array( $query->posts[ $i ]->ID, $posts_a_excluir) )

{

// $query->posts[ $i ] o cualquier dato que quieras mostrar con el resultado

}

}

?>

Que hemos hecho aqui?, hemos balanceado la carga de la consulta. el motor MySQL tarda menos en traer todos los datos que necesitamos.  y el motor PHP se encarga de excluir los post que están en el array $post_a_excluir  y como el motor PHP se ejecuta en la memoria RAM se realizará mucho más rápido.

Otra ejemplo sobre mejora de una consulta:

$query = new WP_Query( array( 'ignore_sticky_posts' => true, 'no_found_rows' => true ));

Con esto solo estamos consultando que muestre los post y que ignore aquellos que se destaquen en la página de inicio de la consulta. aquellos que puede hacer en esta opción

También estamos diciendo que obvie en la consulta el contar las filas que han resultado en la consulta (ese dato se almacena en $count_post ) todos estos datos en caso no sean necesario en la consulta.

Es bueno tener en cuenta la documentación de WP_Query que ofrece el codex. puedes verlo en este enlace.

Usar con moderación las peticiones AJAX

No voy a explicar como instalar una consulta ajax a tu plugin o tema (aunque es un articulo que haré mas adelante) pero si voy indicar que las consultas tipo POST a ajax son rápidos, muy rápidos pero ha que tener en cuenta que es una función exclusiva de wp-admin y que puede llevar a un riesgo de seguridad.

Recomiendo siempre que tus consultas ajax incluyan una variable que sea una llave de seguridad que solo lo sepa tu plugin o tema o generar un sistema de tokens o keys para que terceros puedan usarlo.

su uso en la ejecución es muy sencillo.

<?php

$key_ajax = $_POST['key'];

$key= '1870a829d9bc69abf500eca6f00241fe';

if($key  === $key_ajax)

{

// realiza la acción que deseas

}

?>

con esto ya podemos hacer las consultas principales para mostrar en la web lo necesario y luego con ajax hacer la petición de datos de la información secundaria. esto también reduce la carga de la web.

Utilizar la Programación Orientada a Objetos para optimizar WordPress

Sin duda, usar clases evita el código espagueti y  puede ayudar a otros programadores a utilizar tus funciones dentro de sus plugins o temas.

Crear una estructura buena para la programación orientada a objetos es difícil  al principio pero contamos con herramientas como Antonella Framework que tiene todo lo necesario para que empieces sólo a programar. Este Framework es reciente y de código abierto, asi que también puedes colaborar a la mejora del mismo.

Toda la documentación esta en https://antonellaframework.com

y sobre todo… quitar el mito de que WordPress es Lento

WordPress en base es rápido y esta muy optimizado, todo depende de los plugins que instales y de las funciones que realices en tu plugin personalizado o tema personalizado.

Recuerda que puedes contar con nosotros para solucionar los problemas que tengas con tu proyecto o página web. Rellena el formulario y nos pondremos en contacto contigo