WordPress高速化｜
プラグインなしの表示速度改善

WordPress高速化で最初にやるのはプラグイン追加ではありません。いまの表示速度を残すことです。測らずに設定を触ると、何が効いたのか分からなくなります。効いていない設定が残り、管理画面だけが重くなります。

確認は公開面と管理画面を分けて書いてください。公開面は訪問者が見る画面、管理画面は投稿一覧や設定です。両方遅いのか片方だけ遅いのかで、手順が変わります。公開面だけ遅いなら、画像とテーマとフロントの読み込みを先に見ます。管理画面だけ遅いなら、プラグインの数とデータベースを先に見ます。

記録は日付、測ったURL、端末、回線の種類、使った道具、主な数値の5点で足ります。スクリーンショットだけ残して数値を書き忘れると、あとで比較できません。同じURLを同じ道具で取り直す前提で残してください。

表示速度の測り方

公開面はブラウザの開発者ツールでネットワークを開いて測ります。ページを再読み込みし、読み込み完了までの時間と転送量を見てください。赤い行やサイズの大きいファイルが並んでいれば、そこが候補になります。画像、動画、外部フォント、地図、埋め込み投稿、チャットウィジェットが上位に来ることが多いです。

最初の1バイトが返るまでの時間も見てください。ここが長いと、サーバー側の待ちかPHPの処理が重い状態です。ここが短くて画面の完成が遅いなら、ファイルの量と描画の遅さが主因です。この切り分けをしないままキャッシュプラグインを入れると、原因が隠れます。

PageSpeed Insightsなどの公開計測も使えます。モバイルとデスクトップで点数が分かれます。点数そのものより、指摘の上位を読んでください。次世代フォーマット、画像サイズ、使っていないCSS、使っていないJavaScript、第三者スクリプトが並ぶことが多いです。指摘を全部一度に直そうとせず、自分で直せるものから1件ずつ潰してください。

計測はトップだけにしないでください。下層の代表を1ページ、投稿の代表を1ページ、問い合わせページを1ページ入れます。トップだけ速くて下層が重いサイトはよくあります。スライダーや動画がトップにだけある場合と、全ページで同じ重いフッターを読んでいる場合で、対処が違います。

計測は一度で終わらせないでください。変更の前、画像を直したあと、読み込みを止めたあと、キャッシュを入れたあとの4回は残します。変更を重ねてからまとめて測ると、何が効いたか分かりません。効いていない設定を残したまま次のプラグインに進むのが、失敗の型です。

自分の回線だけで判断しないでください。社内の速い回線では、問題に見えないことがあります。モバイルの計測結果と、実際のスマホでの操作感を両方見てください。スクロールが引っかかる、ボタンがすぐ押せない、画像が後から落ちてくる、は点数とは別に記録します。

公開面と管理画面

公開面の遅さは訪問者の離脱に直結します。管理画面の遅さは、更新作業の負担になります。両方を同じ薬で直そうとしないでください。公開面向けのページキャッシュは、管理画面には効かないことが多いです。管理画面向けの整理は、公開面の見た目を変えません。

公開面で見る場所は次の通りです。ファーストビューの画像、スライダー、背景動画、ウェブフォントの種類、Googleマップ、SNS埋め込み、チャット、アクセス解析のタグ、広告タグ。トップに動画を置いている場合は、再生前でもファイルを取りに行く設定になっていないかを見てください。

管理画面で見る場所は、投稿一覧の件数、メディアライブラリのサムネイル生成、編集画面のブロックの数、同時に動いているプラグイン、自動保存の頻度です。編集画面だけ重い場合は、公開面の高速化プラグインを足しても改善しません。

ログインした状態で公開面を見ると、キャッシュが効いていないことがあります。計測はログアウトした状態、またはシークレットウィンドウで行ってください。ログインした自分だけ速い、または自分だけ遅い、を公開面の速度と混同しないでください。

サーバーの管理画面にキャッシュや画像最適化がある場合は、先にその有無を書いてください。レンタルサーバー側ですでに圧縮やキャッシュが動いていることがあります。プラグインを足す前に、サーバー側のスイッチを確認します。重複すると、公開面が壊れたり管理画面が遅くなったりします。

画像と不要な読み込みを減らしたあとで、キャッシュとCSSとJavaScriptを見ます。この順を守ってください。キャッシュを先にすると、古い重いページが配られ続けます。CSSとJavaScriptの結合や遅延は壊れやすいので、最後に近い位置で扱います。

手順は1変更1確認です。変更したら対象URLを再計測し、見た目とフォームとメニューを目視してください。問い合わせフォームの送信、カート、会員ログインがあるサイトは、そこを必ず踏みます。表示が速くなっても送信できないなら戻してください。

キャッシュ

キャッシュは、同じページを毎回PHPで組み直さない仕組みです。公開面のHTMLを保存して返すページキャッシュが、最も効きやすいです。オブジェクトキャッシュやデータベースキャッシュは、環境が揃っていないと効果が出ません。最初から全部を入れないでください。

サーバー側にキャッシュがあるかを先に見てください。レンタルサーバーのコントロールパネルに「ページキャッシュ」「高速化」などのスイッチがあることがあります。すでに有効なら、WordPress側に同種のプラグインを足さないでください。効いているかは、ログアウトした状態で2回連続で同じURLを開き、2回目の待ちが短くなるかで見ます。

キャッシュの除外を決めてください。カート、マイページ、問い合わせの確認画面、会員向けページは、キャッシュすると古い内容や他人の情報が見える事故になります。フォームのnonceが効かなくなることもあります。公開の会社案内やブログ一覧から始めてください。動的なページは除外リストに書きます。

キャッシュを消す手順を先に覚えてください。更新したのに反映されない、と慌てて設定を増やす前にキャッシュを消します。サーバー側、テーマ側、CDN側、ブラウザ側の順で見てください。ブラウザの強制再読み込みだけでは、サーバー側は消えません。誰がどの画面で消すかを、1枚のメモに残します。

プラグインなしでキャッシュを扱うなら、サーバー側のスイッチと、wp-content 配下にできるキャッシュ用フォルダの削除が中心になります。フォルダを消す前にバックアップを取ってください。中身が分からないフォルダをまとめて消さないでください。キャッシュ用と分かっているフォルダだけを対象にします。

ログイン中のプレビューと公開面のキャッシュは、別物として扱ってください。編集画面で直した内容が自分には見えて訪問者には古い、はキャッシュの典型です。公開確認はログアウトか別ブラウザで行います。これを習慣にすると、「直っていない」誤認が減ります。

CSSとJavaScript

CSSとJavaScriptは、減らす、遅らせる、の順で見てください。結合して1ファイルにまとめる手法は、通信の回数が問題だった頃の名残で、いまの通信では必須ではありません。無理に結合すると、更新のたびに巨大ファイルが再取得され、どれが壊れたか分からなくなります。

使っていないCSSは、テーマの全スタイルを1本で読んでいると起こります。トップにしかないスライダー用のCSSが、下層でも読まれます。自分でテーマを直せるなら、条件分岐でページごとに外してください。直せないなら、そのブロックやウィジェット自体を外す方が安全です。

JavaScriptは描画を止めるものが危険です。スライダー、アニメーション、追従メニュー、同意バナー、チャットが同時に動くと、初回操作が遅れます。必要なら、同意バナーとメニュー以外は遅延読み込みにしてください。テーマに遅延のスイッチがあるなら、プラグインより先にそれを使います。

jQueryをテーマやプラグインがまだ読んでいることがあります。自分で新規にjQueryを足さないでください。すでに読んでいるものを無理に外すと、管理画面やスライダーが止まります。外す対象は、自分が足した余分な読み込みに限ります。

インラインの style 属性を量産しないでください。見た目の調整はテーマのCSSへ移します。インラインが多いと、キャッシュの効きと保守が悪くなります。今回の表示速度改善でも、インラインで点数を稼ぐ書き方はしません。

外部スクリプトはドメインごとにまとめて見てください。同じ会社のタグが複数に分かれていても、待ちは残ります。必要最小の1つにします。タグマネージャを使っている場合は中身のタグ一覧を書き出し、半年以上見ていないタグを止めてください。入れた人の名前が分からないタグは、停止候補です。

変更したCSSとJavaScriptは、キャッシュが残ると古いファイルが当たります。ファイル名に更新用の番号が付くテーマなら、更新後に一度キャッシュを消してください。付かないテーマなら、ブラウザの強制再読み込みとサーバー側キャッシュ削除を両方行います。崩れて見えたときは、先にキャッシュを疑ってください。

プラグインを1つ入れたら、設定の一覧を書き出してください。有効になっている項目、除外しているURL、画像変換の有無、CSSとJavaScriptの遅延の有無。画面のスクリーンショットより、テキストの箇条書きの方があとで比べやすいです。

初期設定のまま全部を有効にしないでください。ページキャッシュだけ有効にして計測します。次に画像、その次にCSSとJavaScriptです。段階を踏んでください。全部オンで壊れたとき、どれを戻すか分からなくなります。

管理画面の遅さを感じたら、そのプラグインの統計やデバッグ出力を切ってください。公開面を速くする製品が、管理画面に情報を足して重くすることがあります。公開面の数字が満足なら、管理画面側の余分な表示は止めてよいです。

設定の重複

重複は次の組み合わせで起きやすいです。サーバー側キャッシュとプラグインのページキャッシュ。CDNのキャッシュとプラグインのキャッシュ。画像のサーバー側変換とプラグインの変換。CSS遅延をテーマとプラグインの両方で行う。同じことを2か所でやると、古いページが残り続けるか、スタイルが欠けて表示されます。

重複を疑う合図は次の通りです。更新しても反映されない。ログアウトすると崩れる。スマホだけ崩れる。問い合わせの確認画面でエラーになる。管理画面の保存が終わらない。この合図が出たら、設定を足すのではなく片方を止めてください。

止める順番は、あとから足した側です。サーバー側が先に動いていたなら、プラグイン側を止めます。どちらが先か分からなければ、ページキャッシュを片方ずつ止めて計測してください。両方止めている状態の数値も残します。基準がないと、どちらが悪さをしているか分かりません。

HTMLの縮小、CSSの縮小、JavaScriptの縮小を同時にかけると、フォームやスライダーが止まりやすいです。縮小は見た目の改善より壊れやすいです。点数を追うために縮小を重ねないでください。必要なときだけ、1種類を試験します。

バックアップがない、functions.phpを触る自信がない、キャッシュを消したら画面が白い、フォームが止まった、どこまで戻してよいか分からない、はこの先を自分で進めないでください。止めた状態を残し、公開URLと今入っているプラグイン名を控えます。

サイト当番に相談する場合の入口は、既存のWordPress保守です。更新、日次バックアップ、死活の監視を同じ窓口で見ます。死活は全プランで24時間365日、1秒単位です。マルウェアの常時監視はスタンダード月額17,800円（税別）以上です。人は本当に問題かを見てから進めます。

表示速度だけを切り出した定価は設けていません。継続して見る必要があるなら、ライト月額8,800円、スタンダード月額17,800円、プレミアム月額34,800円の既存枠で扱います。料金の比較は料金ページにあります。まずはWordPress保守を見て、公開URLを添えて相談してください。