{"id":33358,"date":"2020-01-17T05:24:05","date_gmt":"2020-01-17T13:24:05","guid":{"rendered":"https:\/\/staging.kinsta.site\/?p=5908"},"modified":"2022-09-04T05:36:35","modified_gmt":"2022-09-04T08:36:35","slug":"query-monitor","status":"publish","type":"post","link":"https:\/\/staging.kinsta.site\/pt\/blog\/query-monitor\/","title":{"rendered":"Query Monitor – Depure o WordPress e Melhore o Desempenho do Site"},"content":{"rendered":"

Imagina este cen\u00e1rio: Voc\u00ea est\u00e1 trabalhando em um projeto de desenvolvimento WordPress e tem uma d\u00fazia ou mais plugins instalados. Entretanto, seu site n\u00e3o est\u00e1 cantarolando do jeito que voc\u00ea gostaria que estivesse. Voc\u00ea eliminou todos os suspeitos habituais: a hospedagem \u00e9 adequada, n\u00e3o h\u00e1 erros \u00f3bvios de JavaScript ou PHP, e n\u00e3o h\u00e1 mais nada claramente errado. Voc\u00ea suspeita que um ou mais plugins que voc\u00ea instalou s\u00e3o os culpados, mas como voc\u00ea descobre qual plugin est\u00e1 causando o problema<\/a>?<\/p>\n

O m\u00e9todo usual para identificar um plugin problem\u00e1tico \u00e9 desativar plugins um a um at\u00e9 que o comportamento que voc\u00ea est\u00e1 tentando resolver pare. No entanto, com o plugin correto instalado, voc\u00ea pode localizar e depurar problemas do WordPress<\/a> mais rapidamente e com maior precis\u00e3o. Este \u00e9 o tipo de cen\u00e1rio que o Query Monitor<\/a> foi feito para resolver.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

O que \u00e9 o Query Monitor?<\/h2>\n

O Query Monitor<\/a> \u00e9 um plugin gratuito de depura\u00e7\u00e3o e desenvolvimento para WordPress. Voc\u00ea pode us\u00e1-lo para identificar e depurar consultas lentas a bancos de dados, chamadas AJAX<\/a>, solicita\u00e7\u00f5es REST API, e muito mais. Al\u00e9m disso, o plugin reporta detalhes do site, como depend\u00eancias de script e dependentes, ganchos do WordPress que dispararam durante a gera\u00e7\u00e3o da p\u00e1gina, detalhes do ambiente de hospedagem, tags de consulta condicional atendidas pela p\u00e1gina atual, e muito mais.<\/p>\n

\"Consulta
Consulta Monitor WordPress plugin<\/figcaption><\/figure>\n

O plugin foi desenvolvido por John Blackbourn<\/a>, um dos principais desenvolvedores de WordPress, que atualmente \u00e9 um desenvolvedor da Human Made e foi anteriormente empregado pelo WordPress.com VIP<\/a> – em outras palavras, algu\u00e9m que realmente conhece WordPress. O Query Monitor foi adicionado ao diret\u00f3rio de plugins do WordPress em 2013<\/a> e atualmente possui mais de 10.000 instala\u00e7\u00f5es ativas – uma soma impressionante para um plugin de desenvolvimento. A classifica\u00e7\u00e3o do usu\u00e1rio do plugin de cinco em cinco estrelas ajuda a explicar a sua popularidade entre os desenvolvedores.<\/p>\n

O que o Query Monitor faz?<\/h2>\n

Muita coisa.<\/p>\n

N\u00f3s n\u00e3o vamos tomar tempo para listar todos os recursos oferecidos pelo Query Monitor, mas se voc\u00ea quiser se aprofundar nos detalhes, d\u00ea uma olhada no Query Monitor no GitHub<\/a>. Em um n\u00edvel alto, o que o Query Monitor faz \u00e9 assistir cada transa\u00e7\u00e3o do WordPress que acontece no servidor, ou entre o servidor e o navegador do visitante, enquanto uma p\u00e1gina web do WordPress \u00e9 gerada. Em seguida, ele anexa um relat\u00f3rio ao rodap\u00e9 da p\u00e1gina web, detalhando todas as informa\u00e7\u00f5es coletadas. Funciona em todas as p\u00e1ginas, incluindo \/wp-admin\/ p\u00e1ginas, para que voc\u00ea possa us\u00e1-lo para depurar qualquer p\u00e1gina do front end ou back end.<\/p>\n

O plugin tem o nome de uma caracter\u00edstica central: o monitoramento de consultas de banco de dados. Cada consulta \u00e9 monitorada, cronometrada e ligada de volta \u00e0 fun\u00e7\u00e3o que a gerou. Como resultado, voc\u00ea pode ordenar as consultas com base no tempo que elas levam para serem processadas e localizar as consultas problem\u00e1ticas e de carga lenta.<\/p>\n

O Query Monitor tamb\u00e9m rastreia e lista os ganchos do WordPress e o aplicativo de tags condicionais para a p\u00e1gina gerada. Como desenvolvedor, voc\u00ea pode usar essas informa\u00e7\u00f5es para identificar o gancho ou a tag condicional certa para usar ao adicionar novas funcionalidades de plugin ou tema.<\/p>\n

O Query Monitor fornece muitas informa\u00e7\u00f5es adicionais. A melhor maneira de ter um controle sobre tudo o que \u00e9 gerado pelo Query Monitor \u00e9 instal\u00e1-lo em um local de teste e dar uma olhada nos relat\u00f3rios.<\/p>\n

Como usar o Query Monitor<\/h2>\n

Instale o Query Monitor usando seu m\u00e9todo preferido: ele est\u00e1 no GitHub<\/a> e tamb\u00e9m dispon\u00edvel a partir do diret\u00f3rio de plugins do WordPress<\/a>.\u00a0Uma vez instalado o plugin, a primeira coisa que voc\u00ea vai notar \u00e9 que um novo item de menu foi adicionado \u00e0 barra de administra\u00e7\u00e3o:<\/p>\n

\"Barra
Barra de administra\u00e7\u00e3o do Query Monitor<\/figcaption><\/figure>\n

A etiqueta no novo item exibe algumas m\u00e9tricas:<\/p>\n