El complemento del monitor de consultas

Cada vez que se carga un sitio web de WordPress, suceden muchas cosas detrás de escena a medida que se extrae información de una base de datos y la página se crea y luego se carga. Debido a que estas consultas recuperan información de la base de datos y pueden involucrar todos los temas, complementos y archivos principales, es increíblemente útil si se pueden monitorear de alguna manera. Saluda al complemento Query Monitor.

El complemento Query Monitor es una de las herramientas más populares para (lo adivinaste) monitorear las consultas de WordPress. Con un equipo dedicado que brinda un excelente soporte y actualizaciones periódicas, el complemento Query Monitor brinda una ayuda invaluable a los desarrolladores web durante la depuración del sitio web.

Echemos un vistazo más de cerca al complemento Query Monitor y veamos cómo se puede usar.

Presentamos el complemento de Query Monitor

Query Monitor es una herramienta gratuita de depuración de WordPress. Al igual que con todos los complementos de WordPress, puede instalar Query Monitor desde el área de administración del complemento.

Una vez que el complemento esté instalado y activado, aparecerá un grupo de números en cada página que visite (tanto en la vista frontal como en la trasera) que detallan las estadísticas de carga de la página actual. Estos 4 números muestran el tiempo de generación de la página, el uso de la memoria PHP, el tiempo de consulta de la base de datos y la cantidad de consultas realizadas.

Si pasa el cursor sobre estos números, aparecerá un menú desplegable que proporciona enlaces a datos adicionales.

Cuando hace clic en cualquiera de estos enlaces, aparece una ventana en la parte inferior de la página con un menú de barra lateral que es idéntico al menú que se muestra arriba y que puede usar para filtrar los resultados. La siguiente captura de pantalla muestra algunos de los resultados de la opción 'Hooks & Actions':

La última pestaña del menú se llama 'Condicionales' y no es la misma para todas las páginas. Por ejemplo, en el backend se muestra así:

Pero si ve el mismo menú en la parte frontal de su sitio web, verá información diferente a medida que se utilizan condiciones alternativas:

Esta pestaña puede ser una gran herramienta cuando desee identificar el enlace correcto o la etiqueta condicional para usar al agregar una nueva funcionalidad de complemento o tema.

Qué hace el complemento del monitor de consultas

Cuando visita cualquier página de WordPress (ya sea desde el área de administración o desde el front-end), el complemento recopila todos los procesos de WordPress que tienen lugar tanto en el servidor como entre el servidor y el navegador del visitante. Para mostrárselos, crea un informe fácil de leer que se puede ver como se muestra arriba.

Dado que funciona en todas las páginas de su sitio web (tanto desde el administrador como desde el front-end), puede usarlo para depurar cualquier proceso de front-end o back-end. Esto puede variar desde la identificación y depuración de consultas de base de datos lentas, llamadas AJAX, solicitudes de API REST y mucho más. La información proporcionada es enormemente útil cuando se trata de identificar un problema específico y puede acelerar significativamente la resolución de problemas.

Algunos ejemplos de monitores de consultas

Hay una gran cantidad de instancias en las que el uso de Query Monitor puede ayudar. Por ejemplo, monitorear dependencias de secuencias de comandos, ganchos de WordPress, detalles del entorno de alojamiento y etiquetas de consulta condicional pueden ayudar a resolver muchos problemas. Echaremos un vistazo rápido a algunos usos comunes a continuación.

Solución de problemas de errores de sintaxis

Para el propósito de este ejemplo, usamos una consulta SQL personalizada en la plantilla de una sola publicación.

 //// SLOW QUERY TEST global $wpdb; $prefix = $wpdb->prefix; $slowq = "SELECT * FROM {$prefix}_options WHERE option_name LIKE '%siteurl%'"; $results = $wpdb->get_results( $slowq ); echo $results[0]->option_value;

Cuando actualizamos la página, podemos ver que no tenemos resultados para la salida de impresión de PHP. Además, la pestaña Query Monitor se ha vuelto roja.

Si pasa el cursor sobre la advertencia, se mostrará otra advertencia más detallada que dice "Errores de la base de datos (1)". Haga clic aquí y podrá ver el error en detalle para ayudarlo a comprender el error de sintaxis.

Ahora, si corrige el error y vuelve a cargar la página, la advertencia debería desaparecer.

Como puede ver, encontramos rápidamente la causa de nuestro problema utilizando el complemento Query Monitor. Sin la capacidad de monitorear las consultas de esta manera, podría llevarle horas tratar de averiguar por qué no tiene una salida de eco y aún no ve el "_" adicional que debe eliminarse.

Solicitudes HTTP que ralentizan los tiempos de carga del sitio web

Muchos complementos tienden a usar demasiados recursos externos al realizar numerosas solicitudes a API externas. Esto definitivamente puede ralentizar su sitio y los complementos que hacen esto deben evitarse si es posible.

Google Analytics o complementos de comentarios como Disqus, Jetpack o Facebook Comments son complementos que hacen precisamente esto.

Un script externo extrae solicitudes de otros sitios web. Esto no es necesariamente malo (es probable que cualquier sitio web de WordPress use algunos recursos externos). Pero cuando usa un complemento o secuencia de comandos que solicita múltiples recursos externos, es importante asegurarse de que realmente lo necesita y de que aplicó la mejor solución posible para minimizar las llamadas externas.

Puede ver la diferencia usted mismo cargando un script jQuery en un servidor externo. Eche un vistazo a los tiempos de solicitud utilizando las pestañas 'Solicitud' y 'Llamadas a la API HTTP' de Query Monitor. Luego cargue el script jQuery en su propio servidor y haga que su sitio web lo llame desde esta nueva ubicación interna. Es posible que se sorprenda al comparar la diferencia entre los tiempos de solicitud externa e interna.

Utilice estas herramientas para verificar los complementos que está utilizando para ver si están ralentizando su sitio web.

Plantillas de temas

El complemento Monitor también puede ser útil para los desarrolladores de temas, ya que pueden ver la jerarquía de plantillas y los archivos PHP que se usaron para crear las páginas de sus sitios web.

¿Guay, verdad? Toda la información a tu alcance. El nombre del tema activo, las clases de cuerpo para la solicitud actual, todas las partes de la plantilla que se cargaron (o no cargaron) para la página actual y el nombre de archivo y la jerarquía de la plantilla.

Conclusión

¡Poseer las herramientas adecuadas puede hacer que el trabajo de un desarrollador sea mucho más fácil y el complemento Query Monitor es definitivamente uno para agregar al conjunto de herramientas! Aproveche al máximo el complemento para monitorear los recursos que se utilizan, como la memoria o el contenido en caché, o rastree un complemento que esté causando problemas de rendimiento en su sitio web.

Si desea obtener más información sobre el uso de Query Monitor, eche un vistazo a su página de GitHub, que proporciona una lista completa de funciones. ¡Feliz depuración!