Query Monitor, la herramienta imprescindible del desarrollador y administrador WordPress

Hace mucho tiempo que uso esta herramienta, tanto a la hora de desarrollar webs como de optimizarlas o realizar mantenimientos, y se ha convertido en una utilidad imprescindible. Me refiero Query Monitor.

Qué es Query Monitor

Para empezar, decir que es un plugin, que puedes instalar y descargar como cualquier otro.

Una vez instalado y activo te permite identificar, medir y depurar consultas de la base de datos, errores PHP, ganchos y acciones, bloques del editor, scripts y hojas de estilos, llamadas de API por HTTP y muchísimo más.

Incluye funcionalidades avanzadas como depuración de llamadas Ajax, llamadas de la API REST y comprobación de capacidades de usuarios, o incluso de medir rápidamente el rendimiento de plugins, temas o funciones.

Como puedes ya adivinar, es una herramienta utilísima para…

  • Desarrolladores de temas y plugins.
  • Expertos en optimización web.
  • Responsables de mantenimiento web.
  • Administradores web.
  • Y todo aquél profesional preocupado por el rendimiento y funcionamiento de su WordPress.

La cantidad de información y opciones que incluye es inmensa, con acciones personalizables que el desarrollador puede incluir en su código para rastrear todo tipo de registros y depuración.

Cómo se usa Query Monitor

Sorprende de lo fácil que es aprovechar sus funcionalidades.

Nada más activar el plugin lo primero que verás a simple vista es que en la barra de administración superior de tu WordPress se muestran una serie de datos que, de izquierda a derecha, corresponden a:

  • Tiempo de generación de la página.
  • Pico de uso de memoria.
  • Tiempo de consulta a la base de datos.
  • Número de consultas a la base de datos.

Al hacer clic en los datos se abre la interfaz de información y depuración de Query Monitor, mostrando inicialmente el detalle de esos datos, además del uso de caché y estado HTTP de la página que estás visualizando.

Y así en toda página que estés viendo de tu sitio WordPress.

Pero no solo eso, sino que cuando hay errores la barra de datos aparece en rojo.

Al pasar el cursor se muestra el desplegable con todos los análisis que hace, resaltando en rojo también donde haya errores.

Y si haces clic en el elemento en rojo te lleva a la sección concreta de la interfaz de Query Monitor en la que te da información de los errores de manera detallada.

A partir de aquí, ya en la interfaz, verás que hay montones de pestañas desde la que visualizar datos enormemente valiosos de cada página que estás visitando, con información imprescindible a efectos de diagnóstico y depuración.

Puedes ver las consultas a base de datos que se hacen, tanto por solicitante como las duplicadas…

Los ganchos en uso…

Las cabeceras…

Condicionales…

Toda la información de la jerarquía de plantillas utilizada…

E incluso las variables del entorno…

Dispone,  además, de una serie de constantes que puedes añadir al archivo wp-config.php para configurar parámetros y ajustes del monitor:

  • Para mostrar los permisos de página: define( ‘QM_ENABLE_CAPS_PANEL’, true );

Y un montón más:

  • QM_DARK_MODEActivar el modo oscuro para la interfaz de Query Monitor.
    Valor por defecto: false
  • QM_DB_EXPENSIVESi una consulta individual a la base de datos tarda en ejecutarse más de este tiempo, se considera «lenta» y se activa una advertencia.
    Valor por defecto: 0.05
  • QM_DISABLEDDesactiva Query Monitor por completo.
    Valor por defecto: false
  • QM_DISABLE_ERROR_HANDLERDesactiva el manejo de errores de PHP.
    Valor por defecto: false
  • QM_ENABLE_CAPS_PANELActiva el panel de comprobación de permisos.
    Valor por defecto: false
  • QM_HIDE_CORE_ACTIONSOculta el núcleo de WordPress en el panel «Ganchos y acciones»
    Valor por defecto: false
  • QM_HIDE_SELFSe oculta el propio Query Monitor desde varios paneles.
    Valor por defecto: false
  • QM_NO_JQUERYNo especifiques jQuery como una dependencia de Query Monitor. Si jQuery no está en cola, Query Monitor seguirá funcionando, pero con funcionalidad reducida.
    Valor por defecto: false
  • QM_SHOW_ALL_HOOKSMuestra cada gancho que tenga una acción o filtro adjunto en el panel de «Ganchos y acciones» (en lugar de los gancho de acción que se dispare durante la solicitud).
    Valor por defecto: false

Y, por si esto fuera poco, en los ajustes de Query Monitor, haciendo clic en el icono del engranaje de la derecha, puedes incluso seleccionar el editor por defecto, del navegador o incluso instalado en tu ordenador.

Usos prácticos para todos

Pero no pienses que Query Monitor es solo una herramienta para programadores, puedes darle diversos usos aunque seas un usuario medio, que simplemente quiere aprovechar el conocimiento que le ofrece para, por ejemplo…

  • Medir tiempos de carga y recursos en una página al cambiar de tema, y así elegir el más limpio y óptimo.
  • Medir tiempos de carga y recursos en el editor con distintos plugins de SEO, para lo mismo, identificar el que, a igualdad de prestaciones, consuma menos recursos.
  • Medir cantidad de solicitudes y consumo de recursos por página tras instalar plugins.
VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(8 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

1 comentario en “Query Monitor, la herramienta imprescindible del desarrollador y administrador WordPress”

  1. Hola Fernando,

    Me llamo Héctor, te he conocido a través del podcast en el que participaste en Marketing 4 eCommerce. Un podcast súper interesante, enhorabuena por la contribución. Personalmente estaba empezando a dudar en wordpress por los tiempos de carga y me has hecho ver que wordpress también puede ser rápido si se optimiza correctamente.

    Te quería preguntar cómo puedo aprender a optimizar mi ecommerce para mejorar los tiempos de carga y recursos. Tengo un nivel intermedio, me manejo con css, meto pequeños códigos por FTP, aunque no me manejo muy bien con php por el momento. Concretamente en el podcast me pareció interesante lo que comentabas de usar plugins especializados en lugar de usar plugins más generales en los que luego sólo usaremos una funcionalidad. Además, por ejemplo, en el podcast también comentaste de optimizar los plugins que tenemos para que el javascript únicamente funcione en las páginas de la web en las que lo necesitas. U optimizar y priorizar el css, etc.

    Me gustaría aprender WPO porque desgraciadamente no tengo presupuesto para contratar optimizaciones a este nivel. He estado viendo tus libros, el de wordpress 5 no sé si se me quedaría un poco corto, porque dice que es para usuarios sin conocimiento previo. Quizás el de 1001 trucos puede venirme mejor, aunque sea como consulta en lugar del WPO, no sé. ¿Me podrías guiar un poco en cómo me tendría que formar y actuar con este objetivo?

    Por cierto, intentando de reducir la velocidad y mejorar así el UX he pensado en meter AMP al ecommerce, pero sé que está más enfocado a blogs y artículos, ¿crees que debería de seguir con ello? ¿O mejor apostar directamente por la optimización?

    Muchas gracias de antemano,
    Héctor

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido