O plug-in do Monitor de consultas

Sempre que um site WordPress é carregado, há várias coisas acontecendo nos bastidores, pois as informações são extraídas de um banco de dados e a página é criada e carregada. Como essas consultas recuperam informações do banco de dados e podem envolver todos os temas, plugins e arquivos principais, é incrivelmente útil se eles puderem ser monitorados de alguma forma. Diga olá ao plug-in do Query Monitor.

O plugin Query Monitor é uma das ferramentas mais populares para (você adivinhou) monitorar as consultas do WordPress. Com uma equipe dedicada fornecendo excelente suporte e atualizações regulares, o plug-in Query Monitor fornece ajuda inestimável para desenvolvedores da Web durante a depuração de sites.

Vamos dar uma olhada no plugin Query Monitor e ver como ele pode ser usado.

Apresentando o plug-in do Query Monitor

O Query Monitor é uma ferramenta de depuração gratuita do WordPress. Tal como acontece com todos os plugins do WordPress, você pode instalar o Query Monitor na área de administração do plugin.

Depois que o plug-in for instalado e ativado, um grupo de números aparecerá em todas as páginas que você visitar (nas visualizações de front-end e back-end) que detalham as estatísticas de carregamento da página atual. Esses 4 números mostram o tempo de geração da página, uso de memória PHP, tempo de consulta ao banco de dados e número de consultas feitas.

Se você passar o mouse sobre esses números, aparecerá um menu suspenso que fornece links para dados adicionais.

Quando você clica em qualquer um desses links, uma janela aparece na parte inferior da página com um menu de barra lateral idêntico ao menu descrito acima, que você pode usar para filtrar os resultados. A captura de tela abaixo mostra alguns dos resultados para a opção 'Hooks & Actions':

A última guia do menu é chamada de 'Condicionais' e não é a mesma para todas as páginas. Por exemplo, no back-end ele mostra assim:

Mas se você visualizar o mesmo menu no front-end do seu site, verá algumas informações diferentes à medida que as condições alternativas são usadas:

Essa guia pode ser uma ótima ferramenta para quando você deseja identificar o gancho certo ou a tag condicional a ser usada ao adicionar um novo plug-in ou funcionalidade de tema.

O que o plug-in do Query Monitor faz

Quando você visita qualquer página do WordPress (seja dentro da área Admin ou front-end), o plugin reúne todos os processos do WordPress que ocorrem tanto no servidor quanto entre o servidor e o navegador do visitante. Para mostrá-los a você, ele cria um relatório de fácil leitura que pode ser visualizado como mostrado acima.

Como funciona em todas as páginas do seu site (tanto no Admin quanto no front-end), você pode usá-lo para depurar qualquer processo de front-end ou back-end. Isso pode variar desde a identificação e depuração de consultas de banco de dados lentas, chamadas AJAX, solicitações de API REST e muito mais. As informações fornecidas são extremamente úteis quando se trata de tentar identificar um problema específico e podem acelerar significativamente a solução de problemas.

Alguns exemplos de monitores de consulta

Há um grande número de casos em que o uso do Query Monitor pode ajudar. Por exemplo, monitorar dependências de script, ganchos do WordPress, detalhes do ambiente de hospedagem e tags de consulta condicional podem ajudar a resolver muitos problemas. Vamos dar uma olhada rápida em alguns usos comuns abaixo.

Solução de problemas de erro de sintaxe

Para este exemplo, usamos uma consulta SQL personalizada em um único modelo de postagem.

 //// 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;

Quando atualizamos a página, podemos ver que não temos resultados para a saída de impressão do PHP. Além disso, a guia Query Monitor ficou vermelha.

Se você passar o mouse sobre o aviso, outro aviso mais detalhado será exibido, que diz 'Erros do banco de dados (1)'. Clique aqui e você poderá ver o erro em detalhes, ajudando a entender o erro de sintaxe.

Agora, se você corrigir o erro e recarregar a página, o aviso deve desaparecer.

Como você pode ver, encontramos rapidamente a causa do nosso problema usando o plugin Query Monitor. Sem a capacidade de monitorar consultas dessa maneira, você pode levar horas para tentar descobrir por que você não tem saída de eco e ainda não vê o “_” extra que deve ser removido.

Solicitações HTTP diminuindo o tempo de carregamento do site

Muitos plugins tendem a usar muitos recursos externos fazendo inúmeras solicitações para APIs externas. Isso pode definitivamente desacelerar seu site e os plugins que fazem isso devem ser evitados, se possível.

Google Analytics ou plugins de comentários como Disqus, Jetpack ou Facebook Comments são plugins que fazem exatamente isso.

Um script externo extrai solicitações de outros sites. Isso não é necessariamente ruim (qualquer site WordPress provavelmente usará alguns recursos externos). Mas quando você usa um plug-in ou script que solicita vários recursos externos, é importante certificar-se de que você realmente precisa dele e de ter aplicado a melhor solução possível para minimizar as chamadas externas.

Você mesmo pode ver a diferença fazendo upload de um script jQuery em um servidor externo. Dê uma olhada nos tempos de solicitação usando as guias 'Solicitação' e 'Chamadas de API HTTP' do Query Monitor. Em seguida, carregue o script jQuery em seu próprio servidor e faça com que seu site o chame a partir desse novo local interno. Você pode se surpreender ao comparar a diferença entre os tempos de solicitação externa e interna.

Use essas ferramentas para verificar todos os plug-ins que você está usando para ver se eles estão deixando seu site mais lento.

Modelos de tema

O plug-in Monitor também pode ser útil para desenvolvedores de temas, pois eles podem visualizar a hierarquia de modelos e os arquivos PHP que foram usados ​​para criar as páginas do seu site.

Legal certo? Todas as informações na ponta dos dedos. O nome do tema ativo, as classes do corpo da solicitação atual, todas as partes do modelo que foram carregadas (ou não carregadas) para a página atual e o nome do arquivo e a hierarquia do modelo.

Conclusão

Possuir as ferramentas certas pode tornar o trabalho de um desenvolvedor muito mais fácil e o plugin Query Monitor é definitivamente um para adicionar ao kit de ferramentas! Aproveite ao máximo o plug-in para monitorar os recursos usados, como memória ou conteúdo em cache, ou rastrear um plug-in que esteja causando problemas de desempenho para seu site.

Se você quiser mais informações sobre como usar o Query Monitor, dê uma olhada na página do GitHub, que fornece uma lista completa de recursos. Boa depuração!