なぜWordpress高速化が必要なのか
通常、Wordpress高速化で獲得できるものは、1⃣訪問者の離脱が減少する 2⃣訪問者が増加する 3⃣検索順位が上昇する という三つが挙げられます。
今は、超スピード時代ですから、サイトの表示スピードが遅いと見るのを止めてしまう。
1秒ならともかく、3秒を越えてくると、見るのをまず諦めてしまいます。
当方も同じですし、今このページを閲覧されている貴方も同じではないでしょうか。
サクサク表示されないとどうしても散漫になりがちで、どれだけ良いコンテンツであったとしても、じっくり読んでもらえる可能性が下がってしまいます。
特に、スマホによる閲覧が多くなってきており、スマホ（レスポンシブ）対応した表示速度の高速化は、必須であり検索順位にも影響してきます。
さて、
「大勢の人に見てもらえるようなサイト作りには何が必要なのでしょうか？」
サイトのデザイン？
コンテンツの内容？
：
いや、この質問ではありませんね。
「大勢の人が見に来てくれるサイト作りには何が必要なのでしょうか？」
最近は、スマホが普及してPCだけでなく、いつでもどこからでも手軽に使えるスマホからの閲覧が非常に多くなってきています。
何かを調べる時に「検索」をして検索結果を見て自分が求める内容のページ又はサイトを閲覧することになります。
ということは、いくらサイトデザインやコンテンツ内容が立派であっても見に来てもらわなければ意味をなさないということになります。
そのためには、何をするべきかということです。
今は、超スピード時代ですから、何でもサクサクできるものが当たり前になっています。
現代人は、待たされるのが嫌なのですね。
それでは、以上のことを踏まえて、Wordpressの高速化を行うにあたり、まず、ご自身の高速化の対象になるサイトの現状把握をする必要があります。
しかし、その前に忘れずにしておくことがあります。
WordPress高速化の前に最初にしておくこと
WordPress高速化のための作業をしていてサイトが表示されなくなったという致命的な問題を避けるためには、先ずは、現行の状態でのバックアップが必要になります。
WordPressのバックアップツールとしては、いくつかありますが、WordPress Duplicatorバックアッププラグインがおススメです。
Duplicator（Wordpressバックアッププラグイン）
「Duplicator」は、定評があり非常に多機能で安定しているWordPressバックアッププラグインです。
当方もサイトの丸ごとバックアップでとても助かっているプラグインで、10年ぐらい経ちますでしょうか。
「Duplicator」を使う前は、手動でオーソドックスなバックアップを取っていましたが、結構手間がかかりました。
しかし、「Duplicator」は、ポチっとクリックするだけでサクッと丸ごとバックアップ（ZIP形式）してくれるので大助かりです。
昔は、レンタルサーバーにせよWordpressにせよプラグインにせよ脆弱性が多く問題が頻繁に起こっていましたので「Duplicator」は非常に頼もしい存在でした。
WordPressサイト全体を.zip形式でバックアップし、ダウンロードしてローカルに保存することができます。
Dropbox、Google Drive、OneDrive等にファイルの保存が可能。
特筆すべきは、この「Duplicator」を使ってサーバー間でサイトを移行することが可能になります（サイトのクローン化が可能）から、サーバーの引っ越しにも使うことができます。
ということは、Wordpressの管理画面に入れなくなったとか、最悪の事態になっても簡単に元の状態に戻すことができるということです。
◆主な特徴
・スケジュールバックアップ並びにオンデマンドバックアップ
・WordPressサイトの移行（クローン化）
・簡単なクラウド・ストレージ・ソリューション
・基本機能無料のバックアッププラグインです。
・さらに高機能なプレミアムプラン（年間69ドル～）があります。
1⃣Duplicatorのインストール
「新規プラグインを追加」をクリックし、「プラグインの検索」欄に「Duplicator」と入力すると、下図のように表示されます。
「今すぐインストール」をクリックします。
「インストール中‥」が終わると「有効化」に変わります。
「有効化」をクリックしてインストール完了です。
「スキップ」をクリックします。
2⃣サイトの丸ごとバックアップ
「新規作成」をクリックします。
そのまま「次▶」をクリックします。
しばらくすると次のような画面に変わります。
「スキャン完了」画面になったら、「ビルド▶」をクリックします。
バックアップをビルド中です。
「ビルド完了」すると、次の画面に遷移します。
3⃣バックアップファイルのダウンロード
「両方のファイルをダウンロード」をクリックしてPCにダウンロードします。
バックアップの履歴を見ることができます。
バックアップをしっかり行ったうえで、安心してWordpress高速化を行えます。
特に初心者の方は、絶対にバックアップを忘れないようにしてください。
現状把握
WordPressの高速化に取り組む前に、高速化のための方向性や修正方法などを決める上でもサイトの現状をまず把握することから始めるのが先決です。
Googleが公式提供している「Page Speed Insights」においてサイトのページ表示のスピードがどれくらいなのかを確認してみることにしましょう。
調査したいサイトのURLを入力して「分析」をクリックすると、サイトのページ表示スピードを4つの要素別にスコア表示されます。
URLを入力するだけなので、初心者でも問題なく使えるツールです。
サイトの現状把握のための調査
Googleが公式提供している「Page Speed Insights」に遷移します。
下図のように上段に「ウェブページのURLを入力」とありますので、入力欄にサイトのURLを入力します。https://からは始まるURLを入力します。
URL入力後、「分析」をクリックします。
分析結果
下図は、任意のサイトのURLを入力して「分析」した結果です。
※当サイトを「分析」すると、全てグリーンとなってしまい、OKで終わるのでできませんでした。
上図の「分析」結果を見ますと、パフォーマンスが「赤」、ユーザー補助が「オレンジ」となっています。
おススメ方法とSEOは、グリーンとなっているのでOKでしょう。
オレンジは、まずまずといった感じですが、赤は、改善の余地があります。
特に「パフォーマンス」項目が赤ですから、表示スピードにおいて時間がかかっているということがわかります。
「パフォーマンス」の下に5つの項目が表示されています。
これらについて簡単に説明しておきます。
First Contentful Paint（FCP）
FCPとは、ユーザーがURLをクリック後、様々なデータを読み込んでブラウザ表示を開始するまでの経過時間をいいます。
一般的に、FCPは秒数、速度分類としては、
1 秒未満 ➡「高速」
1～2.5 秒 ➡「平均」
2.5 秒以上 ➡「低速」
と位置付けされています。
上の図の「First Contentful Paint」を見ると、「7.8秒」とあります。
赤で表示されていますから、「低速」ということになります。
7.8秒だと、かなり時間が掛かっています。遅すぎといってもいいでしょう。
Largest Contentful Paint（LCP）
LCPは、ユーザーがページ内にアクセス後、メインコンテンツが肉眼で見ることができるようになるまでの経過時間をいいます。
同じように、「Largest Contentful Paint」を見ますと、赤で「10.8秒」となっています。
これも遅すぎで、検索ユーザーは表示されるまでまず待てませんから、サイトに入る前に諦めます。
Total Blocking Time（TBT）
TBT は、ユーザーが操作することができない時間で、これが長いとユーザーがストレスを感じてしまい、直帰率が上昇します。
「Total Blocking Time」を見ると、これも赤で「3,980ミリ秒」となっています。
単位が「ミリ秒」なのは、通常非常に短い時間であるためで、3,980ミリ秒というと3.98秒ということになります。
これでは、操作できない、いわゆる拘束時間が約4秒となると、頭にくるレベルですね。
Speed Index（SI）
SIとは、ページコンテンツがどれだけ早く目視できる形で表示されるかをいいます。
SIは、
3.8秒未満 ➡「速い」
3.9～7.3秒 ➡「平均」
7.3秒以上 ➡「遅い」
とされます。
「Speed Index」を見ると、赤で「18秒」となっており、遅すぎであることがわかります。
Cumulative Layout Shift（CLS）
CLSは、ページコンテンツにおける視覚的な安定性（画面のズレ）を示す指標となっており、0~1の数値で表され「0」は移動なし、「1」は移動量が最大であることを指します。
「Cumulative Layout Shift」を見ると、緑で「０」となっています。
CLSは、問題ないということになります。
よくあるパターンとして、
「表示されたのでリンクをタップしようとしたら、急に広告が表示され、タップしようとしたリンクが下に行ってしまい要らない広告をタップしてしまう」
表示速度の遅いサイトの場合、表示されるまで待てずに諦めるため、CLSが「０」でもそこまで至らないということになりかねません。
判断基準としては、
0.1未満 ➡「良い」
0.25未満 ➡「要改善」
0.25以上 ➡「不十分」
となります。
当サイトのPageSpeedInsights診断
参考までに当サイトの「分析」結果を載せておきます。運用は13か月過ぎました。
最初からオールグリーンで運用しています。
ロリポップ！のハイスピードプランにする前は、〇ノハ、〇Serverなどのレンタルサーバーを運用していましたが、オールグリーンで運用するのはなかなか難しいものがありました。
〇Serverを長く運用していましたが、なかなか思ったような運用ができず、〇ノハも併用して運用してみましたが、今一つでした。
ロリポップ！のハイスピードプランが「LiteSpeed」タイプでしたので、試してみると理想的なサイト運用ができるようになり、ロリポップ！の他に三つの違うレンタルサーバーを運用していましたが、今は完全にロリポプ！のみにすることができました。
引っ越しもポチっと1分？で引っ越しできたのも大きな要因でもあります。
2024/11/21測定
スマホにおける「パフォーマンス」がスコア「99（100になったり99になったり）」ですが、「ユーザー補助」、「おすすめの方法」、「SEO」はスコア「100」となっています。
参考までにPC（デスクトップ）における「パフォーマンス」、「ユーザー補助」、「おすすめの方法」、「SEO」は全てスコア「100」となっています。
PCでのパフォーマンスにいたっては、スコア100となっており、
FCPは、ユーザーがURLをクリック後、様々なデータを読み込んでブラウザ表示を開始するまでの経過時間ですが、0.3秒と1秒未満のため高速であることがわかります。
また、TBTは、ユーザーが操作することができない拘束時間でしたが、０ミリ秒のためユーザーがストレスなく閲覧でき直帰率の上昇を防げます。
LCPは、ユーザーがページ内にアクセス後、メインコンテンツが肉眼で見ることができるようになるまでの経過時間ですが、0.8秒と1秒未満。
SIは、ページコンテンツがどれだけ早く目視できる形で表示されるかですが、0.6秒と高速です。
このように4項目全てグリーンとなっていますが、これは、LiteSpeedサーバーの基本スペックです。
よって「Wordpressの高速化」を行う必要がありません。
「Wordpressの高速化」を越えて「Wordpressの爆速化」となっているのです。
初心者は勿論のこと、中級者、上級者まで、こんな楽なものはありません。
上級者も昔のようにいちいち項目ごとに設定調整をする手間が大幅に省けるのですから。
時代は、専門知識がない初心者でもWordpressでサイト構築ができ高速化、いや、爆速化まで一気にできてしまうのです。
〇コナラで何万円もかけて「PageSpeedInsights」4項目オールグリーンにする必要などありません。
一発解決なのですから。
上図のPageSpeedInsightsの「分析」結果は、いろいろと施策をした結果ではありません。
サーバーがロリポップ！のハイスピードプランであることと、PHP Ver. 8.3、MySQL Ver.8.0、Wordpress Ver. 6.7、WordpressテーマがCOCOONであることだけです。
Googleのページ表示速度に対する姿勢
2018年7月、Googleスピードアップデートがあり、「サイトの表示速度」が検索順位に大きく関わる要素となりました。
また、2021年6月に実施されたページエクスペリエンスアップデートで、コアウェブバイタル（Core Web Vitals）が検索ランキング要因に組み込まれるようになりました。
特に、近年はスマホの普及と通信の高速化により、PCよりもモバイル対応（レスポンシブ）に重点が置かれ、検索順位向上やアクセスアップに繋がる重要なファクターとなっています。
最早、ページ表示速度の改善は、必須であり、「Page Speed Insights」における「パフォーマンス」は、グリーン（スコア90以上）にするのが当たり前になりつつあります。
現状把握の結果から高速化のための施策
「Page Speed Insights」で診断した結果からパフォーマンスを上げるための施策が必要になります。
グリーンなら何もすることはありませんが、赤の場合は、最低でもオレンジになるようにすることが必要になりましょう。
一般的に、「WordPressサイトの高速化」には、以下の表の【高速化のための施策項目】１～５が提示されます。
プラグインは、いろいろありますが、できるだけ干渉しないプラグインを挙げています。
あれこれプラグインを入れたりやめたりするとプラグインによってはWordpressの挙動がおかしくなりますので注意が必要です。
初心者の場合は、特にキャッシュ系のプラグインは、いろいろなものをインストールしないようにしてください。
下の表に挙げたプラグインを使うことで不具合なくパフォーマンスがオレンジ以上にはなることでしょう。
| 高速化のための施策項目 | 1⃣サーバー変更なし （サーバー現状維持の場合の プラグイン） | 2⃣今より速いサーバーに変更 （次世代LiteSpeedサーバー 専用プラグイン） |
| １．画像圧縮 | EWWW Image Optimizer | LiteSpeed cache |
| ２．画像遅延読み込み | EWWW Image Optimizer Lazy Loader | LiteSpeed cache |
| ３．ソースコード（HTML、CSS、JavaScript）の最適化 | Autoptimize | LiteSpeed cache |
| ４．キャッシュ系プラグイン | W3 total Cache | LiteSpeed cache |
| ５．データベースの最適化 | WP-Optimize | LiteSpeed cache |
プラグインはできるだけ同じ作者のものを使うのが理想です。それはプラグイン同士の干渉や不具合が生じにくくなるためです。
また、セキュリティの関係上、定期的にプラグインのアップデートをしているものを使う必要があります。
次世代LiteSpeedサーバーの場合は、専用のLiteSpeed cacheプラグイン1つで全てを設定できます（上の表の2⃣の場合のプラグイン）。アップデートも定期的に行っていますので安心です。
1⃣現行のままスピードアップを行って表示速度を上げる方法
物理的に高速レンタルサーバーに変更しないでWordpress高速化する方法
「Page Speed Insights」の「分析」結果から「パフォーマンス」がグリーンまでいかなくてもオレンジになるくらいで構わない方向けです。
一番効果的な方法をご紹介します。
・Wordpressのバージョンをアップデート
・PHPのバージョンアップ
・画像圧縮と遅延読み込み
・キャッシュ系プラグインの導入
それぞれの方法を順番に見ていきましょう。
WordPressのバージョンをアップデート
Ver.5.xxやVer.6.1など古いバージョンの場合、Wordpressをアップデートした後、テーマやプラグインが正常に動作しなくなることがありますので、注意してください。
もし動かなくなった場合は、プラグインをアップデートする必要がありますが、最新バージョンとの互換性がないプラグインは使えません。
プラグインは、基本的に定期的にバージョンアップをしているものを使ってください。
もし、元に戻したい時は、バックアップしたデータをリストアしてください。
PHPのバージョンアップ
PHPのバージョンアップは、コストを掛けずに表示速度を上げることができます。
PHPをPHP Ver.8.0にバージョンアップすると表示速度アップだけでなく、セキュリティ面でも強化ができます。
常に最新バージョンで運用する事がポイントです。
最近は、自身でレンタルサーバーのコントロールパネル内でPHPを簡単にバージョンアップできます。
動作に問題がある時は、PHPのバージョンを元のバージョンに戻してください。
※プラグインを数多く（15個以上）入れている場合は、うまく動かないことがありますので、もし、うまくWordpressが動かない時は、どのプラグインが問題となっているかを確認する必要があります。
できれば、プラグインはできれば10個以下にするように検討することをおススメします。
画像圧縮と遅延読み込み
画像圧縮
昔からデータとして大きい容量となっており、圧縮技術がかなり進化してきているものの画質を落とさずに容量を減らすことはなかなか難しいことです。
現在は、「JPEG」ファイルを圧縮して「WEPB」ファイルにすることが一般的になってきています。
WordPressのプラグインに「EWWW Image Optimizer」というプラグインがあります。
EWWW Image Optimizer（Wordpressプラグイン）
このプラグインは、サイトに画像をアップロードする時に自動で画像を圧縮することができます。
また、既にアップロードした「JPEG」画像を一括で最適化することができるため、手間がかからないのでおススメです。
EWWWの圧縮はロスレスというタイプです。
このプラグインを使って画像を圧縮することで非常に「Wordpress高速化」に役立ちます。
1⃣プラグインの追加
「新規プラグインを追加」をクリックし、「プラグインの検索」欄に「EWWW Image Optimizer」と入力すると、下図のように表示されます。
「今すぐインストール」をクリックします。
「インストール中‥」が終わると「有効化」に変わります。
「有効化」をクリックしてインストール完了です。
「設定」の中に「EWWW Image Optimizer」が出現していれば「有効化」されています。
「有効化」すると、上図のように案内がでます。
☑サイトを高速化 ⦿今は無料モードのままにする にチェックをして
「次」をクリックします。
上図のように表示されますが、そのまま「設定を保存」をクリックします。
「メタデータを削除」は、画像データ内に保管されているさまざまな情報を削除します。
「遅延読み込み」は、最適化された画像データを遅延読み込みします。
「WebP」は、WebP形式に高圧縮します。
「完了」をクリックします。
2⃣アップロード済みファイルの最適化
「Optimize Local Images」をクリックします。
続いて、「最適化を開始」をクリックします。
既にアップロードされた画像ファイルが最適化されます。
完了すると、すでにアップロードされていた画像ファイルの最適化が完了します。
遅延読み込み
画像圧縮は、高速化するにおいて非常に大きなウェイトを占めていますので画像圧縮だけでも大きな効果があります。
さらに、遅延読み込みを行うことでさらに高速化できます。
閲覧者がブラウザで見ている部分だけを先に読み込みこむようにすることで表示の高速化に繋がります。
「EWWW Image Optimizer」をインストールしている場合は、インストールする必要がありません。
Lazy Loader（Wordpressプラグイン）
スクロールするごとに画像データを読み込んでくれるWordpressのプラグイン「Lazy Loader」は、インストール（有効化）するだけで、設定などせずにすむため初心者でも簡単に実装することができます。
※「Lazy Loader」は、昔から定評のあるプラグインです。
WordPressの最新バージョンでは、互換性がないわけではありませんが、Wordpress内のプラグインからインストールしようとすると、テストされていないと表示されます。
その場合は、敢えてインストールする必要はありません。
「EWWW Image Optimizer」をインストールしている場合は、「Lazy Load」機能があるので必要ありません。
ソースコード（HTML、CSS、JavaScript）の最適化
ソースコードの最適化は、初心者には難易度が高く技術的に難しいためプラグインを利用することが多い。
1⃣Autoptimizeインストール
「新規プラグインを追加」をクリックし、「プラグインの検索」欄に「Autoptimize」と入力すると、下図のように表示されます。
「今すぐインストール」をクリックします。
「インストール中‥」が終わると「有効化」に変わります。
「有効化」をクリックしてインストール完了です。
ダッシュボードに「Autoptimize」が現れていればOKです。
2⃣Autoptimize設定
JavaScriptオプションの「JavaScriptコードの最適化」に☑が入っているか確認します。
CSSオプションの「CSSコードを最適化」に ☑ が入っているか確認します。
HTMLオプションの「HTMLコードを最適化」に ☑ が入っているか確認します。
このプラグインでは、JavaScript、CSS、HTMLの最適化のみ行います。
キャッシュ系プラグインの導入
キャッシュ系高速化のプラグインを導入することで高速化が可能です。
キャッシュとは、ブラウザが表示したWEBページのデータを一時的に保存しておく機能です。
再訪問したユーザーに対して、一からサイトを読み込むのではなく、保存されたデータにアクセスしてページを表示するので表示速度を上げることができます。
これらを可能にするのが、WordPressの「W3 total Cache」プラグインです。
サーバー側とユーザー側のページキャッシュを行うために使います。
別段設定は必要なく、無料で利用できるため、おススメです。
1⃣プラグインの追加
「新規プラグインを追加」をクリックし、「プラグインの検索」欄に「W3 total Cache」と入力すると、下図のように表示されます。
「今すぐインストール」をクリックします。
「インストール中‥」が終わると「有効化」に変わります。
「有効化」をクリックしてインストール完了です。
ダッシュボードに「パフォーマンス」が現れてればインストール完了です。
「Decline」をクリックして、「NEXT」をクリックします。
2⃣セッティング
ダッシュボードにある「セットアップガイド」をクリックします。
「ページキャッシュ」「Test Page Cache」をクリックします。
「ディスク拡張」を選択して「NEXT」をクリックします。
「データキャッシュをテスト」をクリックします。
「データベーステスト」は、そのまま「NEXT」をクリックします。
「Test Object Cache」をクリックします。
「Test Object Cache」もそのまま「NEXT」をクリックします。
「Test Browser Cache」をクリックします。
「Image Optimization」もそのまま「NEXT」をクリックします。
「遅延読み込み」もそのまま「NEXT」をクリックします。
以上で設定が完了です。
データベースの最適化
サイト運営が1年以上の場合に実施。
データベースのバックアップを事前に行ってから行うと何かあった時も安心です。
「新規プラグインを追加」をクリックし、「プラグインの検索」欄に「WP-Optimize」と入力すると、下図のように表示されます。
「今すぐインストール」をクリックします。
「インストール中‥」が終わると「有効化」に変わります。
「有効化」をクリックしてインストール完了です。
設定内に「Wp-Optimize」という項目が出現していれば有効化がされています。
「Wp-Optimize」をクリックします。
「最適化」を行うのですが、親切に「この操作を行う前に UpdeaftPlus でバックアップしてください」とメッセージが出ますので、隣のリンクをクリックしてください。
「UpdeaftPlus」のインストール完了後、「プラグインを有効化」をクリックします。
「スタートするにはここをクリック。」をクリックします。
「今すぐバックアップ」をクリックします。
「今すぐバックアップ」をクリックしてください。
「今すぐバックアップ」をクリックしてください。
バックアップ中です。
「バックアップは成功し、完了しました。」と表示されています。
バックアップのリストを見ることができます。
バックアップが完了したので、「Wp-Optimize」に戻ります。
すでに ☑ が入っているので、そのまま「選択した全ての最適化を実行する」をクリックします。
最適化が終わるのを待ち、最適化が終了したら完了です。
以上、１～５のプラグインをインストールして設定を行ってから、再びGoogleが公式提供している「Page Speed Insights」に遷移して、測定してみてください。
大概の場合は、パフォーマンスがオレンジ以上に改善されているはずです。
もし、あまり改善がされていない場合は、外注してパフォーマンスを改善するか、次に挙げる2⃣今より速いレンタルサーバーを検討する必要があるかもしれません。
外注する場合は、3万円~5万円は費用が発生する事でしょう。
2⃣今より速いレンタルサーバーに移行する。
物理的にハイスペックのレンタルサーバーに移行して高速化してしまおうというものです。
もちろんトータル的にコストパフォーマンスのよいレンタルサーバーに移行するべきです。
この方法は、物理的にスペックを上げるということになります。
今より速いレンタルサーバーに移行するということなので、一番確実に高速化できます。
これから新規でサイト運営をお考えの方は、LiteSpeedサーバーがおススメです。
それは、１~５までが基本スペックとなっている（プラグイン1つで完結）ので一つ一つ施策する必要がありません。
当方も、LiteSpeedサーバーがなかったころは、1⃣のサーバー変更なし（サーバー現状維持の場合のプラグイン）のようにいちいち１～５のプラグインを使用していました。
LiteSpeed Cache プラグインには、「データベースの最適化」「HTML、CSS、JSファイルの最小化と結合」「HTTP/2プッシュ」「CDNサポート」「ブラウザキャッシュ」「オブジェクトキャッシュ」「画像の遅延読み込み」「画像の最適化」などの最適化機能が統合されています。
昔は、プラグインもあまりありませんでしたから、Wordpressのソースを直接いじっていました。
姉妹サイトのhttps://venus9.netは、ソースをいじっている部分が多く特にテーマなどはかなり変更していて爆速化するのは時間があったら…しようかなって感じです。
ロリポップ！サーバーにらくらく引っ越しができたのは助かりました。爆速引っ越しツールはかなり優秀です。
姉妹サイトのパフォーマンスとしては、オレンジになっているので、「まあ、いいかなっ」て思っています。
この爆速サイト（https://venus9.jp）の場合は、完全に最初からLiteSpeedサーバーを使用して高速化は当たり前で、爆速サイト（「Page Speed Insights」で4項目がオールグリーン）として運用しています。
新たにサーバーを考えていらっしゃる方には、ロリポプ！のハイスピードプランが超・おススメです。
爆速サイト構築があっさりできて、コストパフォーマンスはもとより、トータルでものすごくお得に運用できます。
コメント