WordPressクエリモニタープラグイン：デバッグしてパフォーマンスを向上させましょう

• WordPressクエリモニターとは何ですか？
• WordPressクエリモニターの機能
• クエリモニターが開発者に役立つ理由
• WordPressクエリモニターの使い方は？

WordPressクエリモニターとは何ですか？

クエリモニターは、デバッグフェーズに大きな価値を追加し、一般的にWordPress開発ワークフローの全体的なパフォーマンスを向上させるWordPressプラグインです。

プラグインは、現在のページで実行されているクエリの数、読み込み時間、クエリの種類によるフィルター、コンポーネントによるフィルターなどを含むドロップダウンリストとして機能するエントリをトップメニューバーに追加します。その結果、開発者はウェブサイトでエラーを引き起こしている可能性があるものについてより良い考えを持っています。

John Blackbournによって開発され、公式のWordPressプラグインリポジトリとGitHubの両方から入手できます。 すべての優れたWordPressプラグインと同様に、Query Monitorは定期的に更新され、開発チームは報告されたすべてのバグに対して優れたサポートと修正を提供します。

インストールは非常に簡単で、通常、追加の手順は必要ありません（同様のプラグインのインストールプロセスと比較した場合）。 インストール後、このWordPressデバッグプラグインは追加の構成を必要としません。 箱から出してすぐに、管理ツールバーにドロップダウンリストの表示を開始します。

ドロップダウンリストのエントリをクリックすると、データベースに対して行われたクエリ、ロードされたスクリプトとCSS、アクティブなフック、およびHTTPAPI呼び出しに関する詳細にアクセスできます。

WordPressクエリモニターの機能

クエリモニタープラグインの機能の概要は次のとおりです。

テーマエラー

テーマ機能は、インストールされているWordPressテーマによってトリガーされたすべてのクエリを一覧表示します。 特定のクエリを担当するテーマテンプレートのファイル名が表示され、完全なテンプレート階層が表示されます。 テーマ機能は、アンロードされたテーマパーツとアクティブなWordPressテーマの名前も強調表示します。

PHPエラー

WordPressはPHPで実行され、リクエストがテーマまたはプラグインのどちらによって生成されたかは、PHPコードの形式です。 PHPエラー機能は、クエリの生成を担当するソースコンポーネントと場所を強調表示します。

注：クエリモニター内にリストされているすべてのクエリが深刻なわけではありません。 単なる警告である可能性は十分にあります。

AJAX呼び出し

動的なWordPressサイトは、完全なWebページをロードせずに、リアルタイムでデータを送信およびフェッチするために多くのAjax呼び出しを行います。 クエリモニターには、これらの要求が他の有用なデバッグ情報とともに表示されます。 この情報は、開発者がエラーを強調表示するのに役立ちます。

REST API

クエリモニターを監視する権限がある場合は、認証されたWordPress RESTAPIのリクエストのヘッダー内に表示される情報をデバッグできます。 現在、プラグインはPHPエラーとメモリ使用量のみをサポートしています。

認証

デフォルトでは、シングルサイトインストールの管理者とWordPressマルチサイトのスーパー管理者のみがクエリモニター内のログを表示できます。 ただし、ユーザーとしてログインしている場合でもログを表示できるようにする認証Cookieを構成できます。

プライバシーに関する声明

WordPress Query Monitorは、データを収集したり、サードパーティにデータを送信したりすることはありません。

また、FAQには、デバッグバーアドオンをクエリモニターで使用できることが示されていることにも気づきました。最初にデバッグバーを非アクティブ化するだけです。 また、クエリモニター用のアドオンもあります。

クエリモニターが開発者に役立つ理由

クエリモニタープラグインを使用すると、開発者はどの領域を改善するかについて公正なアイデアを得ることができます。 それ以上に、開発者は、異常な量のリソースを消費している、または（最悪の場合）残りのコアファイルと競合しているプラ​​グインまたは他のWebサイトアセットを発見できます。

Webパフォーマンス最適化（WPO）の改善に関心のあるWebサイトの所有者および開発者にとって、クエリモニターは、改善されたコードスニペット、代替、または場合によってはスクリプト/プラグインの完全な置き換えで修正できるボトルネックを特定するための理想的なソリューションです。

簡単な開発タスクを考えてみましょう–ページの読み込み時間とページ上のアクティブなクエリの数を調べます。

WordPressには、 get_num_queries（）とtimer_stop（）の2つの単純な関数があります。 名前が示すように、 get_num_queries（）は実行中に生成されたデータベースクエリの数を返し、 timer_stop（）はページの生成に必要な秒数を返します。

WordPressクエリモニターの使い方は？

Query Monitorをインストールしてアクティブ化したら、 [プラグイン]→[インストールされたプラグイン]→[Query Monitor]→[設定]に移動し、[認証Cookieの設定]ボタンをクリックする必要があります。 それでは、QueryMonitorプラグインの各セクションを詳しく見ていきましょう。

概要

最初のタブには、Webサイトの概要が表示されます。 ページ生成時間、ピークメモリ使用量、データベースクエリ時間、およびデータベースクエリが表示されます。

データベースクエリ

ユーザーが情報を要求したり、情報を送信しようとしたりすると、データベースクエリがトリガーされます。 クエリモニターはこのクエリを追跡してログ内に表示するため、ユーザーはどのクエリが正常に実行され、どのクエリが実行されなかったかを確認できます。 また、クエリのタイプとコンポーネントでフィルタリングすることもできます。

リクエスト

リクエスト機能は、現在のユーザーのクエリ変数を表示し、カスタムクエリを強調表示します。 また、リクエスト内に存在する関連するクエリ文字列も表示されます。

管理画面

このセクションでは、WordPress管理パネルで行われているアクティビティを示します。 管理パネルからアクセスされているコンポーネントを一覧表示し、PHPファイルが使用できないためにエラーが表示されます。

スクリプト

クエリモニター内の[スクリプト]タブにアクセスすると、リクエストに含まれているキューに入れられたすべてのスクリプトとスタイルが一覧表示されます。 また、外部の依存関係が原因で壊れたスクリプトや応答しないスクリプトも強調表示されます。

スタイル

外部の依存関係が原因で、特定のCSSファイルが読み込まれず、Webページのレイアウトが崩れる可能性があります。 このセクションでは、CSSスタイルシートを扱い、クエリの背後にあるソースファイルを特定するのに役立ちます。

フックとアクション

フックとアクションは、WordPress自体が提供する事前定義されたコントロールを使用してカスタム機能を作成できるため、WordPressサイトで重要な役割を果たします。 そうすることで、Webサイトが破損することがあり、エラーのトラブルシューティングは面倒な作業になる可能性があります。

フックとアクションによって引き起こされたエラーを識別するための組み込みツールを備えたクエリモニターに感謝します。 これにより、コア、テーマ、またはプラグインでアクションとフックをフィルタリングできます。 また、デバッグ目的でコード内で簡単に見つけることができる完全な名前と参照を提供します。

言語

多言語ウェブサイトの場合、[言語]タブは壊れたファイルや利用できないファイルを識別し、言語設定も表示します。

HTTPAPI呼び出し

このタブには、すべてのサーバー側クエリが表示され、応答コード、タイムアウトログ、および失敗した要求も表示されます。 これは、応答をリアルタイムで確認し、サーバー側のコードを効率的にデバッグするのに役立つため、便利な機能です。

一時的な更新

一部のAPIは特定の時間に特定の数のリクエストしか許可しないため、WordPressはデータベースにAPI応答をキャッシュできます。 トランジェントアップデートは、これらのトランジェントを表示し、サイズとコンポーネントも表示します。

機能チェック

デフォルトでは、これは非アクティブであり、wp-config.phpファイル内にコードを配置することでアクティブにできます。 機能チェックは、ページ上の各ユーザーの機能チェックを実行し、結果とともにパラメーターを表示します。

環境

これはWordPress環境の完全な概要であり、PHP、データベース、およびWordPressの3つのセクションが含まれています。 各セクション内には、MySQLバージョン、PHPメモリ制限、WordPressバージョンなど、環境に関する有用な情報が表示されます。

条件付き

現在のリクエストに関するすべてのWordPress条件を表示します。

まとめ！

WordPress Query Monitorプラグインはデバッグに重点を置いており、すべての関連情報をわかりやすく提供します。 プラグインは、Webサイトのパフォーマンスに影響を与えているプラ​​グイン、テーマ、または機能をすばやく特定するのに理想的です。

プラグインは、現在のページの一般的な説明を表示するメニューを管理ツールバーに統合し、完全なデータをパネルに表示します（メニュー項目を選択すると）。 これらのコンポーネントのうち、サイトを健全に保つために最も頻繁に使用するのはどれですか？ 助言がありますか？