O que é o plug-in do monitor de consulta?

Se você já encontrou um site lento que simplesmente não consegue descobrir como acelerar ou feedback de um cliente que está procurando por um aumento de desempenho, o plug-in Query Monitor pode ser apenas seu novo melhor amigo. Query Monitor “é o painel de ferramentas do desenvolvedor para WordPress.

Ele permite a depuração de consultas de banco de dados, erros de PHP, ganchos e ações, blocos de editor de blocos, scripts e folhas de estilo enfileirados, chamadas de API HTTP e muito mais…”. E, especialmente se você é um desenvolvedor, é uma ferramenta que você deseja ter em sua caixa de ferramentas para quando inevitavelmente tiver que depurar erros ou comportamentos inesperados em sites WordPress.

Neste artigo, veremos o que é o plug-in Query Monitor e como ele pode ajudar você, como desenvolvedor, a obter melhores insights sobre todo o código em execução no seu site WordPress.

O que é Monitor de Consulta

O Query Monitor é um plug-in que é um “canivete suíço” para desenvolvedores. Embora você possa estar acostumado a olhar para os modelos, enfileiramento de scripts e estilos e todos os vários plug-ins que estão em uso em seu site, o Query Monitor permite que você vá um nível mais profundo.

Com o plug-in Query Monitor instalado, você pode ver as consultas de banco de dados que estão realmente acontecendo, todas as várias partes do modelo que estão sendo incluídas como parte de qualquer carregamento de página específico e realmente detalhar qualquer coisa que possa estar causando problemas de desempenho em seu local na rede Internet.

Quando você precisa do Query Monitor?

O Query Monitor é o mais importante quando você identifica um problema em seu site, seja um problema de desempenho geral, problemas em uma página específica ou problemas sinalizados por uma ferramenta como GTMetrix ou Google PageSpeed. Quando você usa essas ferramentas, no entanto, às vezes elas podem mascarar o problema real.

Por exemplo, se você está vendo uma pontuação de baixo desempenho em sua análise do Google PageSpeed, há uma consulta de banco de dados não autorizada que está demorando mais do que deveria renderizar em todas as páginas? Como o PageSpeed ​​não tem acesso ao back-end do seu site, ele não pode fornecer nenhuma informação mais específica além de “esta parte do seu site precisa ser mais rápida”. É aí que entra o Query Monitor.

Como é a interface do Query Monitor?

Embora o Query Monitor tenha uma tonelada de funcionalidades incorporadas (que você pode navegar mais completamente como parte da documentação), estaremos nos concentrando em três partes específicas do plug-in: depuração de consultas de banco de dados, descoberta de mais informações sobre os modelos que seu site WordPress está usando e se aprofundando em quais ganchos e ações estão sendo usados.

Depois de instalar o plug-in Query Monitor, se você estiver logado como um usuário do WordPress, verá que o Query Monitor tem sua própria seção como parte da barra de administração, onde você pode acessar as estatísticas detalhadas que o ajudarão a iniciar a depuração.

Consultas de banco de dados

Se você selecionar o item Queries na seção Query Monitor da barra de administração, verá uma janela pop-up na parte inferior da tela detalhando as várias consultas ao banco de dados que seu site fez para renderizar a página em que você está.

Aqui você pode não apenas filtrar consultas de banco de dados por qual parte do WordPress fez a consulta originalmente, mas também pode ver facilmente quando foram feitas consultas de banco de dados duplicadas que podem se beneficiar do cache de objetos.

Percorrendo esta lista, você pode ver cada consulta de banco de dados que foi usada para renderizar a página em que você está atualmente, bem como qual parte da base de código do WordPress fez com que o banco de dados pudesse e o tempo que a consulta levou para ser executada.

A coluna Time é classificável, para que você possa ver rapidamente as consultas que estão demorando mais para serem executadas como parte do carregamento da página e começar a depurar lá.

Consultas de banco de dados lentas e duplicadas podem ser um grande problema para sites WordPress e muitas vezes passam despercebidas. No entanto, observando as consultas de banco de dados com o Query Monitor, você pode começar a ver se há, por exemplo, uma pós-metaconsulta que precisa ser refatorada porque seu site ficou muito grande.

Informações do modelo

Especialmente ao depurar uma saída inesperada no front-end de um site, é muito útil saber qual modelo está sendo usado e quais partes do modelo estão sendo carregadas. Essa é outra área em que o Query Monitor pode ser muito útil.

Ao selecionar a opção Template no menu suspenso Query Monitor, você pode ver o modelo principal que foi usado para renderizar a página, bem como quaisquer partes do modelo que foram usadas.

Com essas informações, você pode não apenas ver qual modelo está em uso no momento, mas também obter algumas informações sobre como a Hierarquia de modelos foi analisada como parte da construção desta página, bem como quais classes de corpo foram incluídas.

Isso torna a guia Template no Query Monitor uma exibição muito poderosa ao começar a depurar problemas de front-end.

Por exemplo, se você tiver um plug-in que deve aplicar estilo a uma página por meio de uma classe CSS, o melhor lugar para começar a depurar problemas de estilo relacionados a isso é usar a guia Template para verificar se essa classe de corpo está sendo adicionada a a página como esperado antes de mergulhar na depuração do CSS.

Ganchos e Ações

Outra área de execução do WordPress que pode ser difícil de depurar torna-se aparente quando você começa a usar ações e filtros. Ações e filtros são usados ​​por todos os tipos de plug-ins e temas diferentes para personalizar a funcionalidade do WordPress, mas nem sempre você pode ter certeza de que eles estão disparando exatamente como você deseja.

Por exemplo, um problema comum é que uma função é vinculada a uma ação ou filtro, mas sua funcionalidade é substituída por outra função executada com prioridade mais alta. Ao usar a guia Hooks and Actions do Query Monitor, você pode detalhar facilmente e ver quais funções estão vinculadas a quais ações e exatamente onde no ciclo de execução e carregamento da página elas estão sendo executadas.

A coluna da extrema direita até informa qual componente é responsável pela funcionalidade que está sendo chamada, portanto, se você encontrar um conflito, poderá detalhar essa parte da base de código e descobrir exatamente o que está acontecendo e o que precisa ser modificado.

Monitor de consultas vs WP_DEBUG

Um equívoco comum é que o Query Monitor fornece acesso a informações que estariam disponíveis se você tivesse a constante WP_DEBUG habilitada em seu site. Embora o Query Monitor forneça algumas das mesmas informações que estariam disponíveis se você estivesse depurando seu site WordPress, as informações detalhadas acima seriam muito mais difíceis de obter sem uma extensa depuração de código individual.

Com o Query Monitor, você não apenas obtém uma interface agradável e limpa para navegar por essas informações, mas também obtém tudo pronto para uso, sem precisar modificar sua base de código, permitindo que você comece a depurar problemas rapidamente e descubra qual parte do sua base de código precisa ser modificada.

Além disso, como ele é executado apenas para usuários logados, você pode ter certeza de que os não administradores do seu site não verão as informações de depuração e que os usuários que não estiverem logados não terão o desempenho da página afetado pela consulta. Monitor em execução.

Empacotando

Especialmente quando você não sabe por onde começar a depurar um problema específico em seu site WordPress, o Query Monitor pode ser uma ótima maneira de obter uma visão geral de todas as partes cruciais do ciclo de execução do WordPress. Percorrer as várias guias permitirá que você veja se algo não parece certo e se aprofunde naquela parte específica do carregamento da página. Com esta ferramenta poderosa em sua caixa de ferramentas de depuração, você poderá isolar problemas mais rapidamente e voltar a construir seu site WordPress.

Para que você está usando o Query Monitor e como ele ajudou seu fluxo de trabalho? Deixe-nos saber abaixo nos comentários.