クエリを減らしてWordPressを高速化するテクニック集

表示高速化
2022-1-6
更新日: 2023-2-8
tomoya.okura

WordPressを高速化するためにはクエリを減らすことは重要です。
クエリを減らすことでそもそもデータベースにクエリを送ってデータを受け取る必要がなくなったり、その処理による負担が軽くなったりするので、
サーバーからレスポンスを返すまでの時間が早くなり、表示の高速化に繋がります。

また、同時にアクセスしているユーザーの数だけクエリの数も増えるので、ページ内のクエリが１つ増えるだけでもサーバーに大きな負荷がかかることがあります。

この記事ではクエリをなくしたり減らしたりするテクニックをいくつか紹介していきます。

無料の高速化診断、実施中！

「PageSpeed Insightsのスコアが低い…」「どう改善すれば良いかわからない…」
など、表示速度の課題を感じている方に、表示速度が遅いページ一覧と原因・改善施策がわかる無料の高速化診断を実施中！サイトの現状を知りたい方、改善施策が知りたい方は、ぜひお気軽にお申し込みください。

【無料】高速化診断のお申し込みはこちら

1 キャッシュの使用
2 テンプレート内でクエリを減らす
3 メインクエリで代替できるものは、サブクエリを発行しない。
4 まとめ
5 高速化診断 & 表示速度改善でユーザー体験とCVRを向上！

キャッシュの使用

まずはキャッシュを使用することです。

ページをキャッシュさせておくと、クエリを発行する必要がなくなります。
そもそもサーバー側での処理もほぼ要らなくなるので、高速化に大きな効果をもたらします。

「WP Super Cache」などのプラグインではページキャッシュ等の設定をすることができます。
またWordPressに標準搭載されているTransietns APIやWP_Object_Cacheを使用する方法もあります。

WordPressでTransients APIを使って表示高速化する

他にもクエリキャッシュ等様々なキャッシュがあるので、自分のWordPressに合わせて検討してみてください。

テンプレート内でクエリを減らす

次にWordPressテーマのテンプレート内でクエリの数を減らすことや負荷を軽くことを考えます。

データベースにクエリを発効する関数は多数あるので、全てを変更するのは難しいかもしれません。
負荷の高いものから変更していくのがオススメです。

特に多いのが、カスタムフィールドの値の取得にget_fieldを用いているパターンです。
カスタムフィールドは基本的に数が多く、get_fieldでそれぞれ取得していると
その数だけクエリが発行されるので、負荷が増加してしまいます。

できるかぎりget_fieldsを用いて、1つの記事に紐づいたカスタムフィールドはまとめて取得してしまうのがオススメです。

$field1 = get_field(‘field1’);
$field2 = get_field(‘field2’);

を

$fields = get_fields();
$field1 = $fields[‘field1’];
$field2 = $fields[‘field2’];

とすればクエリの数は2から1となりトータルの負荷が軽くなります。
カスタムフィールドが1つ2つだとそこまで効果はありませんが、
基本的に取得するカスタムフィールドの数が多ければ多いほど効果を発揮します。
ぜひ使用をオススメします。

メインクエリで代替できるものは、サブクエリを発行しない。

WordPressで時々やっているのを見かけるのが、
メインクエリで欲しい記事は取得できなかったり、件数等の条件が違ったりするので、new WP_Query等を用いてサブクエリを発行し、取得した記事を表示しているというパターンです。

これだと、使わないので必要ないはずのメインクエリを発行してから、新たにサブクエリを発行するので、余計なクエリが１つ増えることになります。
たった１つですが、100人1000人に同時アクセスされると100や1000もクエリが増えてしまうので、サーバーに大きな負荷がかかります。
減らしておくに越したことはありません。

では、どうするのかというと
サブクエリを使わず、メインクエリをpre_get_postsのアクションフックを用いて書き換えます。
例えば、(普通の)固定ページなど書き換えられないものもありますが、ブログ投稿のインデックスページ等書き換えられるものは書き換えることを推奨します。

function changeMainQuery($query)
{
	//管理画面のメインクエリーとメインクエリーじゃないときは処理しない
	if (is_admin() || !$query->is_main_query()) {
		return;
	}
	
	//例えば、ブログ投稿のインデックスページならば、、
	if ($query->is_home()) {
		//カスタム投稿タイプがnewsの記事を表示する。
		$query->set( 'post_type', 'news' );
	}
}
add_action('pre_get_posts', 'changeMainQuery');

のように記述します。
setはWP_Queryのパラメータにあるものなら設定できるので、何があるのか確認しておくとよいでしょう。