Plug-in do WordPress Query Monitor: vamos depurar e melhorar o desempenho

• O que é o WordPress Query Monitor?
• Recursos do WordPress Query Monitor
• Por que o Query Monitor é útil para desenvolvedores?
• Como usar o WordPress Query Monitor?

O que é o WordPress Query Monitor?

O Query Monitor é um plugin do WordPress que agrega grande valor à fase de depuração e geralmente melhora o desempenho geral dos fluxos de trabalho de desenvolvimento do WordPress.

O plugin adiciona uma entrada na barra de menu superior que atua como uma lista suspensa que contém o número de consultas sendo executadas na página atual, o tempo de carregamento, filtros por tipo de consulta, filtros por componentes, etc. Como resultado, os desenvolvedores ter uma ideia melhor do que pode estar causando os erros no site.

Ele foi desenvolvido por John Blackbourn e está disponível no repositório oficial de plug-ins do WordPress e no GitHub. Como todo ótimo plugin do WordPress, o Query Monitor é atualizado regularmente e a equipe de desenvolvimento fornece excelente suporte e correções para todos os bugs relatados.

A instalação é muito simples e geralmente não requer etapas adicionais (em comparação com o processo de instalação de plug-ins semelhantes). Após a instalação, este plugin de depuração do WordPress não precisa de configuração adicional. Assim que sai da caixa, ele começa a exibir a lista suspensa na barra de ferramentas do administrador.

Ao clicar nas entradas na lista suspensa, você pode acessar detalhes sobre as consultas feitas no banco de dados, os scripts e CSS que são carregados, ganchos ativos e as chamadas de API HTTP.

Recursos do WordPress Query Monitor

Aqui está uma visão geral rápida dos recursos do plugin Query Monitor.

Erros de tema

O recurso de tema lista todas as consultas acionadas pelo tema WordPress instalado. Mostra o nome do arquivo do template de tema responsável por uma consulta específica e mostra a hierarquia completa do template. O recurso de tema também destaca as partes do tema descarregadas e o nome do tema WordPress ativo.

Erros PHP

O WordPress é executado em PHP e, independentemente de a solicitação ser gerada por um tema ou plug-in, ela está na forma de um código PHP. O recurso PHP Errors destaca os componentes de origem e o local responsável por gerar a consulta.

Nota: Nem todas as consultas listadas no Monitor de Consultas são sérias. É bem possível que seja apenas um aviso.

Chamadas AJAX

Os sites dinâmicos do WordPress fazem muitas chamadas Ajax para enviar e buscar dados em tempo real sem carregar a página da web completa. O Query Monitor também mostra essas solicitações junto com outras informações úteis de depuração. Essas informações podem ajudar o desenvolvedor a destacar quaisquer erros.

API REST

Se você tiver permissão para monitorar o Monitor de Consultas, poderá depurar as informações apresentadas dentro do cabeçalho de uma solicitação de uma API REST do WordPress autenticada. Atualmente, o plugin suporta apenas erros de PHP e uso de memória.

Autenticação

Por padrão, apenas o administrador de uma instalação de site único e o superadministrador de um WordPress Multisite podem visualizar os logs dentro do Monitor de Consultas. No entanto, você pode configurar um cookie de autenticação que permite ver os logs mesmo quando você está conectado como um usuário.

Declaração de privacidade

O WordPress Query Monitor não coleta dados nem envia dados a terceiros.

Também notei que as perguntas frequentes indicam que os complementos da Barra de depuração podem ser usados ​​com o Monitor de consulta, basta desativar a Barra de depuração primeiro. E também há complementos para o Query Monitor.

Por que o Query Monitor é útil para desenvolvedores?

Com o plugin Query Monitor, os desenvolvedores podem ter uma boa ideia de quais áreas melhorar. Mais do que isso, os desenvolvedores podem descobrir o plug-in ou outros ativos do site que estão consumindo um volume anormal de recursos ou (no pior dos casos) estão em conflito com o restante dos arquivos principais.

Para proprietários de sites e desenvolvedores interessados ​​em melhorar o Web Performance Optimization (WPO), o Query Monitor é uma solução ideal para identificar gargalos que podem ser retificados com trechos de código aprimorados, alternativas ou, em alguns casos, substituição completa de scripts / plug-ins.

Vamos considerar uma tarefa de desenvolvimento simples - descobrir o tempo de carregamento da página e o número de consultas ativas na página.

O WordPress oferece duas funções simples: get_num_queries () e timer_stop () . Como o nome explica, get_num_queries () retorna o número de consultas ao banco de dados geradas durante a execução e timer_stop () retorna o número de segundos necessários para gerar a página.

Como usar o WordPress Query Monitor?

Depois de instalar e ativar o Monitor de consulta, você precisa ir para Plug - ins → Plug - ins instalados → Monitor de consulta → Configurações e clicar no botão “ Definir cookie de autenticação ”. Agora vamos ver cada seção do plugin Query Monitor em detalhes.

Visão geral

A primeira guia fornece uma visão geral do seu site. Ele mostra o tempo de geração da página, pico de uso de memória, tempo de consulta ao banco de dados e consultas ao banco de dados.

Consultas de banco de dados

Sempre que um usuário solicita qualquer informação ou tenta enviar as informações, uma consulta ao banco de dados é acionada. O Query Monitor rastreia essa consulta e a exibe dentro dos logs para que você, como usuário, possa ver quais consultas foram executadas com êxito e quais não foram. E também pode filtrar pelo tipo e componente da consulta.

Solicitar

O recurso de solicitação mostra a variável de consulta para o usuário atual e destaca a consulta personalizada. Ele também mostra as strings de consulta associadas presentes em uma solicitação.

Tela Admin

Esta seção mostra as atividades que acontecem no painel de administração do WordPress. Ele lista os componentes que estão sendo acessados ​​do painel de administração e mostra um erro devido à indisponibilidade de qualquer arquivo PHP.

Scripts

Quando você visita a guia Scripts dentro do Monitor de Consultas, ela lista todos os scripts e estilos enfileirados incluídos na solicitação. Ele também destaca qualquer script quebrado ou que não responde devido a uma dependência externa.

Estilos

É bem possível que às vezes, devido a uma dependência externa, um determinado arquivo CSS não carregue e quebre o layout de sua página da web. Esta seção trata das folhas de estilo CSS e ajuda a identificar os arquivos de origem por trás de qualquer consulta.

Ganchos e Ações

Ganchos e ações desempenham um papel importante em qualquer site WordPress, pois permitem que você crie uma funcionalidade personalizada usando os controles predefinidos fornecidos pelo próprio WordPress. Fazer isso às vezes pode corromper o seu site e solucionar o erro pode ser uma tarefa cansativa.

Graças ao Query Monitor que possui uma ferramenta embutida para identificar erros causados ​​por ganchos e ações. Isso permite que você filtre ações e ganchos por núcleo, tema ou plugin. E também fornece o nome completo e a referência que podem ser encontrados facilmente dentro do código para fins de depuração.

línguas

No caso de um site multilíngue, a guia Idioma identifica todos os arquivos corrompidos ou indisponíveis e também exibe as configurações de idioma.

Chamadas de API HTTP

Esta guia mostra todas as consultas do lado do servidor e também mostra o código de resposta, log de tempo limite e solicitações com falha. É um recurso útil, pois permite que você veja a resposta em tempo real e o ajude a depurar o código do lado do servidor com eficiência.

Atualizações temporárias

O WordPress é capaz de armazenar em cache a resposta da API em seu banco de dados, pois algumas APIs permitem apenas um determinado número de solicitações em um determinado momento. As atualizações temporárias mostram esses transientes e também exibem o tamanho e o componente.

Verificações de capacidade

Por padrão, ele está inativo e pode ser ativado colocando o código dentro do arquivo wp-config.php. Verificações de capacidade executa verificações de capacidade para cada usuário na página e exibe os parâmetros junto com o resultado.

Ambiente

Esta é uma visão geral completa do ambiente WordPress e contém três seções para PHP, Banco de Dados e WordPress. Dentro de cada seção, informações úteis sobre o ambiente são exibidas, como versão do MySQL, limite de memória do PHP, versão do WordPress, etc.

Condicionais

Mostra todas as condicionais do WordPress na solicitação atual.

Empacotando!

O plugin do WordPress Query Monitor se concentra na depuração e fornece todas as informações pertinentes de uma maneira fácil de entender. O plugin é ideal para identificar rapidamente os plugins, temas ou funções que estão afetando o desempenho do site.

O plugin integra um menu na barra de ferramentas admin que mostra uma descrição geral da página atual, com dados completos exibidos em um painel (uma vez que você seleciona um item de menu). Qual desses componentes você usa com mais frequência para manter a integridade do seu site? Alguma sugestão?