Imagine este escenario. Usted está trabajando en un proyecto de desarrollo de WordPress y tiene docenas o más de plugins instalados. Sin embargo, su sitio no está funcionando tan bien como usted lo esperaba. Usted eliminó todo lo sospechoso: el hosting es el adecuado, no hay errores obvios de JavaScript o PHP, y al parecer no hace falta nada. Usted sospecha que uno o más de los plugins instalados son el problema, pero ¿Cómo saber qué plugin es el causante del problema?

El método usual para identificar un plugin problemático, es desactivar los plugins uno por uno, hasta que se detenga el comportamiento que quiera eliminar. Sin embargo, con el plugin correcto de debugging instalado, usted podrá encontrar el problema mucho más rápido y con mejor precisión. Esta es la razón por la que Query Monitor fue creado, para resolver este tipo de problema.

¿Qué Es Query Monitor?

Query Monitor es un plugin de debugging  y de desarrollo para WordPress. Usted puede usarlo para identificar y resolver problemas de consultas lentas de la base de datos, llamadas de AJAX, peticiones de REST API, y mucho más. Además de esto, el plugin reporta de vuelta al sitio, detalles como las dependencias de los scripts y dependientes, hooks de WordPress que se activaron durante la generación de la página, detalles del entorno del hosting, etiquetas de consultas condicionales encontradas por la página actual y mucho más.

Plugin de Query Monitor para WordPress

Plugin de Query Monitor para WordPress

El plugin fue desarrollado por John Blackbourn un committer principal de WordPress quién actualmente es desarrollador en Human Made y fue contratado previamente por WordPress.com VIP – en otras palabras, alguien que conoce muy bien WordPress. Query Monitor fue agregado al directorio de plugins de WordPress en el 2013 y actualmente tiene más de 10,000 instalaciones activas – una suma impresionante para un plugin de desarrollo. Tiene una calificación de usuario de 5 estrellas, eso explica su popularidad entre los desarrolladores.

¿Qué Es Lo que Hace Query Monitor?

Mucho.

No nos tomaremos el tiempo para describir cada cosa ofrecida por Query Monitor, pero si usted quiere ir más profundo con los detalles, eche un vistazo a Query Monitor en GitHub. En nivel alto, lo que hace Query Monitor es, ver cada transacción de WordPress que toma lugar en el servidor, o entre el servidor y el navegador del visitante, mientras que se genera la página de WordPress. Luego anexa un reporte al pie de página del sitio web detallando toda la información que ha recolectado. Funciona en todas las páginas, incluyendo /wp-admin/, así que podrá usarla para resolver problemas en el front end y en el back end.

El plugin recibe su nombre por una de sus funciones principales: monitorea las consultas de la base de datos. Cada query es monitoreado, cronometrado, y unido a la función que lo generó. Como resultado, usted puede ordenar queries basados en cuánto tiempo les toma procesar y encontrar problemas de carga lenta.

Query Monitor también rastrea y pone en una lista los hooks de WordPress y las etiquetas condicionales de la aplicación a la página generada. Como desarrollador, usted puede usar esta información para identificar el hook correcto o etiqueta condicional para usar cuando agrega un nuevo plugin o funcionalidad de tema.

Query Monitor provee mucha información adicional. La mejor forma para tener un control sobre todo lo generado por Query Monitor es instalándolo en un sitio de prueba y dar un vistazo a los reportes.

¿Cómo Utilizar Query Monitor?

Instale Query Monitor utilizando su método preferido: se encuentra en GitHub y también está disponible en el directorio de plugins de WordPress. Una vez que haya instalado el plugin, lo primero que notará es que se ha añadido una nueva sección de menú a la barra de admin:

La barra de admin de Query Monitor

La barra de admin de Query Monitor

La etiqueta en la nueva opción muestra algunas métricas:

  • Tiempo de generación de página,
  • Uso máximo de memoria PHP,
  • Tiempo de consultas a la base de datos, y
  • El número total de queries hechos en la base de datos.

Pase sobre la barra de admin y aparecerá un menú desplegable. Todos los datos generados por Query Monitor están contenidos en un solo reporte agregado al pie de la página y desglosados en múltiples secciones. De clic en cualquiera de estos artículos en el menú desplegable para ser llevado a la sección correspondiente del reporte de Query Monitor. Por ejemplo, aquí abajo hay una foto de los “queries” generales que están sucediendo en la página.

Queries de Query Monitor

Queries de Query Monitor

Si ocurre algún error de PHP, o si cualquiera de los queries toma demasiado tiempo, algunos artículos adicionales serán agregados al menú desplegable para resaltar esos problemas. De clic en ellos para ver más detalles.

Usted notará que los últimos artículos en la lista cambian de una página a la siguiente. Estos artículos, mostrados en verde, son las etiquetas de consultas condicionales completadas por la página actual.

Siga avanzando a través del reporte para ver la riqueza de datos generados por Query Monitor. Tómese el tiempo para probar todos los menús desplegables disponibles para filtrar los datos contenidos en el reporte al igual que las cajas conteniendo un símbolo de “+” el cual puede ser usado para ver más datos sobre muchos detalles reportados.

Si quiere conseguir aún más datos del Query Monitor, de un vistazo a este add-on para Query Monitor para ver si existe un plugin que generará la información de debugging que usted necesita.

¿Cómo Puede Ver los Datos de Query Monitor como un Usuario Sin Iniciar Sesión?

Cuando usted ve un sitio de WordPress mientras está en línea como un admin, el sitio contiene una barra de admin y un scripting adicional que los visitantes sin sesión no pueden ver. Query Monitor hace posible poder ver el sitio mientras uno está fuera de la sesión y aún así tener acceso a la información de debugging. Sin embargo, usar esta opción por primera vez puede ser un poco complicado.

Para ver los datos de Query Monitor como un visitante fuera de sesión, siga estos pasos:

  • Vaya al área de admin de WordPress mientras está conectado como un admin. y de clic en el articulo de Query Monitor en la barra de admin.
  • Llegue hasta el fondo de los datos reportados y busque el enlace que diga Set authentication cooki. Tiene que fijarse que esté en el área de admin para poder ver el enlace. Si busca este enlace en una página de front end, usted no lo encontrará.
  • Si da clic en ese enlace, se agregará una cookie de autenticación a su navegador. De esa forma Query Monitor sabrá cuando mostrar los resultados de la prueba, incluso sin estar conectado.
  • Con la cookie de autenticación establecida, cierre sesión o cambie a un perfil de usuario sin admin usando un plugin como User Switching.
  • Navegue hasta la página donde quiera ver la información de debugging y llegue hasta el fondo de la página. Ahí verá una versión condensada del reporte de Query Monitor. Haga clic en ese articulo y expanda el reporte.

Resumen

Como desarrollador de WordPress, tener las herramientas correctas puede hacer más fácil el trabajo. Query Monitor es una herramienta gratuita con el potencial de ahorrarle mucho tiempo. Puede usarla para:

  • Encontrar consultas lentas y las funciones que las activan,
  • Generar una lista de hooks de WordPress encontradas mientras WordPress se encontraba generando una página,
  • Confirmar qué etiquetas condicionales aplican a la página o publicación actual.
  • Poder ver los detalles de la configuración del servidor, y
  • Mucho más.

SI decide probar Query Monitor, es muy probable que se convierta en una adición permanente a su entorno de desarrollo de WordPress.

Lectura recomendada: Resolviendo los problemas de desempeño de WordPress

20
Shares