Blog

ブログ

PageSpeed Insightsで90点超え!WordPressの表示速度を高速化するプラグインと設定方法

PageSpeed Insightsで90点超え!WordPressの表示速度を高速化するプラグインと設定方法

「WordPressサイトの表示が遅い」「PageSpeed Insightsのスコアが改善しない」とお悩みではありませんか?この記事では、初心者でも無料で実践できるWordPressの表示速度を高速化する具体的な設定方法を、手順を追って徹底解説します。結論から言えば、サイトの高速化は適切なプラグインの導入と正しい設定で実現可能です。キャッシュや画像圧縮、CSS/JSの最適化におすすめのプラグインと、その設定手順を画像付きで紹介。この記事を最後まで読めば、PageSpeed Insightsで高スコアを獲得し、ユーザー体験とSEO評価を向上させるための知識と技術が身につきます。

1. なぜWordPressの表示速度高速化が重要なのか

WordPressサイトの表示速度は、単に「速い」「遅い」という技術的な問題だけではありません。サイトの成果を大きく左右する、ビジネス上の最重要課題の一つです。表示が遅いサイトは、訪問者にストレスを与えるだけでなく、検索エンジンからの評価も下げてしまいます。ここでは、なぜ表示速度の高速化がこれほどまでに重要なのか、その理由を「ユーザー体験」と「SEO評価」の2つの側面から詳しく解説します。

1.1 ユーザー体験の向上と離脱率の低下

Webサイトを訪れた際に、ページの表示が遅くてイライラした経験は誰にでもあるでしょう。現代のインターネットユーザーは非常にせっかちであり、少しの待ち時間も大きなストレスと感じます。Googleの調査によると、ページの読み込み時間が1秒から3秒に落ちるだけで、ユーザーがサイトを離れてしまう確率(直帰率)は32%も上昇するというデータがあります。

以下の表は、ページの読み込み時間とユーザーの離脱率の関係性を示したものです。

ページの読み込み時間離脱する可能性の上昇率
1秒 → 3秒32% 増加
1秒 → 5秒90% 増加
1秒 → 6秒106% 増加
1秒 → 10秒123% 増加

このように、表示速度の遅さは致命的な機会損失に直結します。せっかく魅力的なコンテンツや商品を用意していても、ユーザーがそれを見る前にサイトを閉じてしまっては意味がありません。サイトの表示速度を高速化し、ユーザーがストレスなく快適に閲覧できる環境を整えることは、離脱率を劇的に改善し、最終的には商品購入や問い合わせといったコンバージョン率の向上にも繋がるのです。

1.2 SEO評価における表示速度の重要性

サイトの表示速度は、ユーザー体験だけでなく、Google検索における順位、すなわちSEO(検索エンジン最適化)評価にも直接的な影響を与えます。Googleは「ユーザーにとって価値のある、快適なウェブサイトを高く評価する」という理念を掲げており、その一環としてページの表示速度をランキング要因に含めていることを公式に発表しています。

特に2021年からは「ページエクスペリエンスアップデート」が導入され、ユーザー体験の質を測る指標群である「Core Web Vitals(コアウェブバイタル)」がランキング要因として重要視されるようになりました。

1.2.1 Core Web Vitalsの3つの指標

Core Web Vitalsは、以下の3つの主要な指標で構成されています。これらのスコアを改善することが、Googleからの評価を高める鍵となります。

  • LCP (Largest Contentful Paint)
    ページの主要なコンテンツ(大きな画像やテキストブロックなど)が表示されるまでの時間を測る「読み込みパフォーマンス」の指標です。ユーザーが「このページは速く読み込まれている」と感じるための重要な指標であり、2.5秒以内が理想とされています。
  • INP (Interaction to Next Paint)
    ユーザーがリンクのクリックやボタンのタップといった操作を行ってから、画面が反応するまでの時間を測る「応答性」の指標です。2024年3月に従来のFID (First Input Delay) に代わって導入され、ページ全体のインタラクティブ性をより正確に評価します。 200ミリ秒未満が良好な状態とされます。
  • CLS (Cumulative Layout Shift)
    ページの読み込み中に広告や画像が出現し、レイアウトが予期せずズレる現象を数値化した「視覚的な安定性」の指標です。この数値が低いほど、ユーザーは誤った場所をクリックするなどのストレスなくページを閲覧できます。

これらの指標を最適化し、快適なページ体験を提供することは、もはや単なる推奨事項ではありません。特にスマートフォンからのアクセスが大多数を占める現代において、優れた表示速度は競合サイトとの差別化を図り、検索順位で優位に立つための必須条件と言えるでしょう。コンテンツの品質が同程度であれば、ページエクスペリエンスで勝るサイトが上位に表示される可能性が高まります。

2. まずは現状のWordPress表示速度を計測する方法

WordPressの表示速度を高速化する最初のステップは、現状のパフォーマンスを正確に把握することです。感覚的に「遅い」と感じるだけでなく、客観的な数値データに基づいて問題点を特定することが、効果的な改善への近道となります。ここでは、Googleが提供する公式ツールをはじめ、多くの専門家が利用している代表的な計測ツールとその使い方を解説します。

2.1 PageSpeed Insightsの基本的な使い方と見方

PageSpeed Insights」は、Googleが無料で提供しているWebサイトのパフォーマンス計測ツールです。 ユーザー体験の向上とSEO評価の両面で非常に重要なため、まずはこのツールで現状を把握しましょう。使い方は非常に簡単で、サイトのURLを入力して「分析」ボタンをクリックするだけです。

分析が完了すると、「モバイル」と「デスクトップ」それぞれの環境におけるパフォーマンスが0から100までのスコアで表示されます。 目標とすべきは90点以上の「良い」評価です。

スコアの下には、より詳細なデータが表示されます。特に重要なのが、Googleが提唱するユーザー体験の核となる指標「Core Web Vitals(コアウェブバイタル)」です。 これらは実際のユーザー環境における表示速度や応答性、視覚的な安定性を示すもので、SEOのランキング要因にもなっています。

Core Web Vitalsの指標内容評価基準(良好)
LCP (Largest Contentful Paint)ページの主要コンテンツが表示されるまでの時間(読み込みパフォーマンス)2.5秒以内
INP (Interaction to Next Paint)ユーザーのクリックやタップ操作に対するページの応答性(インタラクティブ性)200ミリ秒以下
CLS (Cumulative Layout Shift)ページの読み込み中にレイアウトがどれだけズレるか(視覚的な安定性)0.1以下

PageSpeed Insightsは、これらの指標の評価と合わせて「改善できる項目」として具体的な問題点をリストアップしてくれます。 例えば、「次世代フォーマットでの画像の配信」や「使用していないCSSの削減」といった提案です。これらの項目が、この後の章で解説する具体的な高速化チューニングの指針となります。

2.2 GTmetrixなど他の計測ツールも活用しよう

PageSpeed Insightsは非常に優れたツールですが、より多角的な視点でサイトを分析するために、他の計測ツールも併用することをおすすめします。ツールによって得意分野や計測の切り口が異なるため、複数の結果を組み合わせることで、より深く問題点を掘り下げることができます。

代表的なツールが「GTmetrix」です。 このツールもURLを入力するだけで、サイトのパフォーマンスを詳細に分析してくれます。 GTmetrixの大きな特徴は、「ウォーターフォールチャート」と呼ばれる機能です。 これは、Webページを構成するHTML、CSS、JavaScript、画像といった各ファイルが、どの順番で、どれくらいの時間をかけて読み込まれているかを視覚的に示してくれるグラフです。ウォーターフォールチャートを分析することで、特定のプラグインや画像など、ページの表示を遅くしているボトルネックをピンポイントで特定できます。

以下に、PageSpeed InsightsとGTmetrixの主な特徴をまとめます。

ツール名主な特徴こんな時に便利
PageSpeed InsightsGoogle公式ツール。Core Web Vitalsの評価と具体的な改善項目がわかる。SEO評価を意識した総合的なパフォーマンスと、ユーザー体験の質をチェックしたい時。
GTmetrixウォーターフォールチャートで読み込みのボトルネックを視覚的に特定できる。「どのファイルの読み込みが遅いのか」という原因を具体的に突き止めたい時。

これらのツールはどちらも無料で利用を開始できます。 まずは両方のツールでご自身のサイトを計測し、客観的なデータから現状を正しく把握することから始めましょう。

3. プラグインで実践するWordPress表示速度の高速化設定

WordPressの表示速度を上げる最も手軽な方法の一つが、プラグインを導入することです。専門的な知識がなくても、設定を行うだけでサーバーの応答やページの読み込みを高速化できます。ここでは、数あるプラグインの中から「キャッシュ」「画像最適化」「CSS/JavaScriptの最適化」という3つの目的に絞って、特におすすめのプラグインとその設定方法を具体的に解説します。

3.1 キャッシュで高速化するおすすめプラグイン

キャッシュとは、一度アクセスしたページのデータを一時的に保存しておく仕組みです。これにより、同じユーザーが再訪問した際や、他のユーザーが同じページにアクセスした際に、サーバーでの処理を省略して保存されたデータを素早く表示できるため、表示速度が劇的に向上します。 ここでは、多機能な「WP-Optimize」と、シンプルで設定が簡単な「WP Fastest Cache」の2つを紹介します。

3.1.1 WP-Optimizeの設定方法

「WP-Optimize」は、ページキャッシュ機能に加えて、データベースの最適化や画像圧縮も行える多機能プラグインです。 まずはプラグインをインストールして有効化し、管理画面のメニューから「WP-Optimize」>「キャッシュ」と進みます。

基本的な設定は「ページキャッシュ」タブで行います。「ページキャッシュを有効化」のスイッチをオンにするだけでキャッシュが機能し始めます。 さらに、以下の項目を設定することで、より効果的な高速化が期待できます。

設定項目推奨設定解説
ページキャッシュを有効化有効このプラグインでページキャッシュを機能させるための基本設定です。
モバイルデバイス向けに別のキャッシュファイルを作成有効レスポンシブデザインでPCとモバイルの表示が異なる場合に、それぞれに最適化されたキャッシュを生成します。
ログインユーザー用のキャッシュを提供無効(推奨)会員サイトなどでなければ、一般ユーザー向けの表示速度を優先するため無効にしておきます。
キャッシュの有効期間24時間(任意)キャッシュを保持する期間です。更新頻度に応じて調整しますが、通常は24時間程度で問題ありません。

設定後は必ず「変更を保存」ボタンをクリックしてください。設定変更後に表示崩れなどが発生した場合は、一度キャッシュをクリアして確認しましょう。

3.1.2 WP Fastest Cacheの設定方法

「WP Fastest Cache」は、シンプルで分かりやすい設定画面が特徴のキャッシュ系プラグインです。 初心者でも迷うことなく設定できるため、手軽に高速化を試したい方におすすめです。プラグインをインストール・有効化後、管理画面のメニューに表示される「WP Fastest Cache」をクリックして設定画面を開きます。

設定は「設定」タブのチェックボックスをオンにするだけで完了します。まずは言語設定を「日本語」に変更すると分かりやすくなります。 以下の項目にチェックを入れるのがおすすめです。

設定項目推奨設定解説
キャッシュシステム有効WP Fastest Cacheのキャッシュ機能を有効にします。
ログインユーザー無効ログインしているユーザーにはキャッシュページを表示しません。管理者や編集者の利便性を保ちます。
モバイル無効モバイル用のキャッシュを作成しません。テーマがレスポンシブ対応であれば基本的に不要です。
Gzip有効サーバーとブラウザ間のデータ転送量を圧縮し、転送速度を向上させます。
ブラウザのキャッシュ有効訪問者のブラウザに静的なファイルをキャッシュさせ、再訪問時の表示を高速化します。

設定を保存後、サイトの表示に問題がないか確認してください。記事の更新などが反映されない場合は、「キャッシュを削除」タブからキャッシュをクリアすることで解決できます。

3.2 画像圧縮と最適化で表示を速くするプラグイン

Webページの中で最もファイルサイズが大きくなりがちなのが画像です。高画質な画像は魅力的ですが、その分ページの読み込みに時間がかかり、ユーザーの離脱を招く原因となります。EWWW Image Optimizerを使えば、画質をほとんど落とさずに画像のファイルサイズを自動で圧縮し、ページの表示速度を大幅に改善できます。

3.2.1 EWWW Image Optimizerの導入と設定

「EWWW Image Optimizer」は、WordPressに画像をアップロードした際に自動で圧縮してくれる非常に便利なプラグインです。 また、すでにアップロード済みの画像も一括で最適化できます。 インストールして有効化するだけで基本的な圧縮機能は動作しますが、より高い効果を得るために以下の設定を確認しましょう。

管理画面の「設定」>「EWWW Image Optimizer」を開き、「基本」タブの設定を行います。

  1. メタデータを削除: 「メタデータを削除」にチェックが入っていることを確認します。 これにより、画像ファイルに含まれる位置情報やカメラ情報などの不要なデータが削除され、ファイルサイズがさらに軽くなります。
  2. リサイズ設定: 「リサイズ」タブで、アップロードする画像の最大サイズを設定できます。例えば幅を1200pxなどに設定しておけば、大きすぎる画像がアップロードされるのを防ぎます。
  3. 遅延読み込み: 「遅延読み込み」タブの「Lazy Loadを有効化」にチェックを入れると、画面に表示されている画像だけを読み込むようになります。これにより初期表示が高速化されます。
  4. WebP変換: 「WebP変換」タブで設定を行うと、次世代フォーマットであるWebP形式の画像を生成し、対応ブラウザで表示させることができます。これにより、さらに高い圧縮率が期待できます。

すでに大量の画像をアップロードしている場合は、管理画面の「メディア」>「一括最適化」から「最適化されていない画像をスキャンする」をクリックし、既存の画像をまとめて圧縮しましょう。

3.3 CSSとJavaScriptのファイルを最適化して高速化

WordPressのテーマやプラグインは、それぞれ独自のCSS(スタイルシート)やJavaScriptファイルを持っています。これらのファイル数が多いと、ブラウザがサーバーにリクエストする回数が増え、ページの表示が遅くなる原因となります。「Autoptimize」は、これらの複数のファイルを圧縮(minify)したり、一つに結合(combine)したりすることで、リクエスト数を減らし、サイトの高速化を実現します。

3.3.1 Autoptimizeの具体的な設定手順

「Autoptimize」は、複雑なコードの最適化を簡単なチェック操作で行えるようにするプラグインです。 インストール・有効化後、管理画面の「設定」>「Autoptimize」から設定画面にアクセスします。

主に設定するのは「JS、CSS & HTML」タブです。 以下の3つの項目にチェックを入れるのが基本設定となります。

  • JavaScript オプション: 「JavaScriptコードを最適化」にチェックを入れます。これにより、JavaScriptファイルが圧縮・結合されます。
  • CSS オプション: 「CSSコードを最適化」にチェックを入れます。これにより、CSSファイルが圧縮・結合されます。
  • HTML オプション: 「HTMLコードを最適化」にチェックを入れます。これにより、HTMLソースコードの不要な空白などが削除されます。

注意点として、これらの設定はテーマや他のプラグインとの相性により、サイトのレイアウトが崩れたり、スライダーなどの動的な機能が正常に動作しなくなったりすることがあります。 設定を変更した後は、必ずシークレットウィンドウなどでサイトの表示を入念に確認してください。もし問題が発生した場合は、チェックを一つずつ外して原因となっている設定を特定するか、問題のあるスクリプトを最適化から除外する設定を行います。

4. プラグイン以外でできるWordPressの高速化チューニング

PageSpeed Insightsのスコアを向上させるためには、プラグインによるキャッシュやファイル最適化だけでなく、WordPressが動作する基盤そのものを見直すことが極めて重要です。プラグインだけに頼るのではなく、サイトの土台となるサーバー環境やテーマ、PHPのバージョンといった根本的な要素を改善することで、ウェブサイト全体のパフォーマンスは飛躍的に向上します。ここでは、プラグインの導入以外で実践できる、効果の高い高速化チューニング方法を具体的に解説します。

4.1 高速なレンタルサーバーを選ぶ重要性

WordPressサイトの表示速度は、レンタルサーバーの性能に大きく左右されます。高速なサーバーは、快適なユーザー体験とSEO評価向上のための最も重要な投資と言っても過言ではありません。サーバーを選ぶ際は、月額料金だけでなく、以下のスペックに注目しましょう。

  • Webサーバーソフトウェア: Nginxや、Apacheより高速処理が可能な「LiteSpeed」を採用しているサーバーは、大量アクセスの処理能力に優れています。
  • ストレージ: 従来のHDDではなく、読み書き速度が圧倒的に速い「SSD」が標準です。さらに高速な「NVMe(エヌブイエムイー)」規格のSSDを採用しているサーバーを選ぶと、データベースへのアクセスやファイルの読み込みが格段に速くなります。
  • CPU・メモリ: サイトの処理能力に直結します。コア数が多く、メモリ容量が大きいほど、安定したパフォーマンスが期待できます。
  • HTTP/3対応: 次世代の高速な通信プロトコルであるHTTP/3に対応しているかも重要な選定基準です。

日本国内でWordPressの高速化で定評のある主要なレンタルサーバーには、以下のようなサービスがあります。

サーバー名特徴おすすめのユーザー
エックスサーバー国内シェアNo.1の実績と安定性。高速なNVMe SSDとLiteSpeedに迫る独自技術を導入しており、バランスの取れた高性能サーバーとして人気が高いです。初心者からビジネス利用まで、安定性と実績を重視するすべての方。
ConoHa WING「国内最速」を謳い、WebサーバーにLiteSpeedを採用。最新技術を積極的に導入し、特に表示速度を最優先するユーザーから高い支持を得ています。ブログやアフィリエイトサイトなど、表示速度を極限まで追求したい方。
シン・レンタルサーバーエックスサーバーのシステムをベースに、最新技術を迅速に導入する革新的なサーバー。LiteSpeedを採用し、コストパフォーマンスにも優れています。最新技術をいち早く利用したい中〜上級者や、コストを抑えつつ高速な環境を求める方。

現在のサーバーの応答速度に不満がある場合は、これらの高速サーバーへの移転を検討する価値は十分にあります。

4.2 軽量なWordPressテーマに切り替える

WordPressテーマはサイトのデザインを決めるだけでなく、表示速度にも直接的な影響を与えます。多機能でデザイン性の高いテーマは、多くのCSSやJavaScriptファイルを読み込むため、サイトが重くなる原因になりがちです。シンプルでコードが最適化された軽量なテーマに切り替えることは、非常に効果的な高速化施策です。

軽量なテーマを選ぶ際のポイントは以下の通りです。

  • シンプルな構造: 必要最低限の機能に絞られており、コードがクリーンであること。
  • 最適化されたコード: データベースへの問い合わせ回数が少なく、効率的なコーディングがされていること。
  • Gutenberg(ブロックエディター)への完全対応: 古いページビルダーに依存せず、WordPressの標準機能で構築できること。

日本国内では、以下のようなテーマが高速かつ機能的であると人気を集めています。

  • SWELL: シンプルでありながら高機能。直感的な操作性と高速表示を両立し、現在非常に人気の高いテーマです。
  • Cocoon: 無料でありながら、高速化機能やSEO対策が豊富に盛り込まれている非常に優れたテーマです。
  • JIN:R: 有名ブロガーが開発に携わっており、収益化のための機能と使いやすさ、表示速度のバランスが取れています。

テーマを変更する際は、デザインの崩れや設定の再調整が必要になるため、必ずバックアップを取得し、テスト環境で事前に確認してから本番サイトに適用するようにしましょう。

4.3 PHPのバージョンを最新版に更新する

PHPは、WordPressを動かしているプログラミング言語です。このPHPのバージョンを最新版に更新することは、最も手軽で、かつ効果の高い高速化施策の一つです。新しいバージョンのPHPは、古いバージョンに比べて処理性能が大幅に向上しており、セキュリティも強化されています。

WordPress公式サイトでも、常に最新のPHPバージョンを利用することが強く推奨されています。 バージョンを上げるメリットは以下の通りです。

  • パフォーマンスの向上: PHP 7系から8系に上げるだけでも、リクエストの処理速度が大幅に向上します。
  • セキュリティの強化: 古いバージョンはセキュリティサポートが終了しており、脆弱性が放置されている危険性があります。
  • 互換性の維持: 最新のWordPressやプラグインは、新しいPHPバージョンを前提に開発されているため、互換性問題を未然に防げます。

PHPのバージョンは、利用しているレンタルサーバーのコントロールパネルから簡単に切り替えることができます。多くのサーバーでは、「PHPバージョン切替」といったメニューが用意されています。バージョンアップを行う前には、念のためサイトのバックアップを取得し、切り替え後にサイトの表示や管理画面の動作に問題がないかを確認しましょう。

4.4 画像の遅延読み込み(Lazy Load)を設定する

画像の遅延読み込み(Lazy Load)とは、ページを開いたときにすべての画像を一度に読み込むのではなく、ユーザーがスクロールして画像が画面内に表示される直前になってから読み込みを開始する技術です。これにより、ページの初期読み込みデータ量を大幅に削減し、体感表示速度を劇的に改善します。

実は、この機能はプラグインを使わなくても簡単に利用できます。WordPressバージョン5.5以降では、画像の遅延読み込みが標準機能としてコアに組み込まれました。 具体的には、投稿や固定ページで追加した画像(``タグ)に、自動的に `loading=”lazy”` という属性が付与される仕組みです。

そのため、特別な設定をしなくても、ほとんどの画像は自動的に遅延読み込みの対象となります。これにより、特に画像が多いページでの「Largest Contentful Paint (LCP)」のスコア改善に繋がりやすくなります。ただし、この標準機能はページの先頭にある画像など、一部の画像には適用されないように賢く制御されています。もし、より細かく遅延読み込みを制御したい場合はプラグインの利用も選択肢になりますが、まずはWordPressの標準機能で十分な効果が得られることを覚えておきましょう。

5. まとめ

本記事では、PageSpeed Insightsで高得点を目指すためのWordPress高速化手法を解説しました。サイトの表示速度は、ユーザー体験の向上とSEO評価に直結するため、サイト運営において不可欠な要素です。キャッシュプラグイン「WP-Optimize」や画像圧縮プラグイン「EWWW Image Optimizer」の導入は、初心者でも簡単に実践できる効果的な施策です。さらに、高速なレンタルサーバーの選定やPHPバージョンの更新といった根本的な改善も組み合わせることで、さらなる速度向上が期待できます。紹介した方法を実践し、快適なウェブサイトを実現しましょう。

LATEST

最新記事

CONTACT

お問い合わせ

ご不明な点やご質問・ご相談などございましたらお気軽にお問い合わせください。
無料相談サービスも行っております、ぜひご活用ください。