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…
(7 votos, promedio: 5)
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!

Autor: Fernando Tellado

Fernando Tellado es un apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Mi último libro es WordPress - La guía completa. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web. Sigue a @fernandot en Twitter

Comparte esta entrada en
468 ad
Ir al contenido