シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

ワードプレスの高速化

コードなしでWordPressサイトを高速化する18の簡単な方法 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

遅いWordPressサイトは、訪問者を困らせるだけではありません。検索順位を下げたり、売上を下げたり、あなたが提供しているものを見る前にクリックしてしまうこともあります。

私は、見た目は素晴らしいのに、読み込みが数秒遅かったためにトラフィックを失ってしまったサイトをたくさん手がけてきた。ほとんどの修正は簡単です。このガイドでは、私が毎週使っているのと同じ手順で、WordPressサイトを高速化する18の方法を紹介します。

ここではすべてが初心者にやさしく、コーディングや高度な設定を必要としない。

クイックアンサーWordPressサイトを高速化する方法

ステップ改善点
キャッシュ・プラグインをインストールするページのロード時間を短縮
画像の圧縮とリサイズ大きなファイルサイズを削減
CDNの利用グローバルにコンテンツを高速配信
データベースのクリーンアップガラクタや散乱物を取り除く
PHPのバージョンを更新するサーバーパフォーマンスの向上
GZIP圧縮を有効にするロード中のファイルサイズを縮小
遅延ロードを有効にする画面外のメディアを使用しない
軽量テーマを使うスクリプトやスタイルの読み込みが少なくなる
パフォーマンスフレンドリーなプラグインを使用するバックグラウンドの負荷を軽減
ワードプレスを更新し続けるパフォーマンスの向上

お急ぎの場合は、キャッシュ、画像の最適化、データベースのクリーンアップから始めましょう。この3つの変更だけで、ロード時間に大きな違いが生まれます。

時間がない場合は、キャッシュと画像圧縮から始めましょう。そして、最大のスピードアップのために、リストの下の方へと作業を進めましょう。

サイトスピードが重要な理由

ほとんどの人は、遅いウェブサイトの読み込みを待ってはくれません。ページの読み込み時間が1秒遅れると、コンバージョンが7%減少します。もしあなたのサイトが数秒以上かかるなら、ページが表示される前にその訪問者を失うことになりかねません。

スピードは、ユーザーエクスペリエンス以上に影響します。遅いWordPressサイトは、検索順位を下げ、直帰率を上げ、売上を減少させることさえあります。

  • Googleはページ速度をランキング要因として使用している
  • ページの読み込みが速くないと、訪問者は離脱する可能性が高くなる
  • 遅いロード時間はコンバージョンと売上を低下させる
  • より速いサイトは、より頻繁に、より深くクロールされる。
  • モバイル ユーザーの 53%が、読み込みに3秒以上かかるサイトを放棄している。

小さなスピード改善でも、大きな違いを生み出すことができる。だからこそ、次のセクションでは、実際に結果をもたらすシンプルな変更に焦点を当てる。

ウェブサイトの速度をチェックする方法

何かを修正する前に、WordPressサイトの速度をチェックする価値があります。そうすれば、後で結果を比較して、何がうまくいっているかを確認することができます。

サイトのスピードをテストするために、私が定期的に使っている無料のツールがいくつかある:

これらのツールは、あなたのロード時間を表示し、改善のための提案を与える。デスクトップとモバイルの速度を別々にテストすることもできます。

結果が出たら、スクリーンショットを撮るかリンクを保存して、変更後に再度確認できるようにしてください。

あなたのWordPressサイトはなぜ遅いのか?

読み込みの遅いWordPressサイトには、いくつかの共通点があります。もしあなたのサイトがもたもたしているのなら、その可能性があります:

  • 読み込みに時間がかかりすぎる、または圧縮されていない画像
  • キャッシュがないため、すべてのページをゼロからリロードする必要がある。
  • バックグラウンドで不要なスクリプトを実行するプラグインが多すぎる
  • サーバーリソースが限られている貧弱なホスティング
  • テーマやPHPのバージョンが古く、裏側の処理が遅くなっている。

良い知らせは、これらすべてがすぐに修正できるということだ。しかも、開発者でなくてもできるのだ。最も簡単なものから始めよう。

WordPressサイトを高速化する方法

何がサイトを遅くしているのかがわかったら、次はそれを解決しましょう。これらは、私がクライアントや個人プロジェクト、そして自分のサイトでWordPressサイトを高速化するために使っている正確な手順です。

一度にすべてを行う必要はありません。まずは簡単な変更から始めれば、すでに大きな違いを実感できるはずだ。

1.キャッシュプラグインをインストールする

誰かがあなたのWordPressサイトにアクセスするたびに、サーバーはページを一から作成しなければなりません。特に複数の人が一度にアクセスする場合は、時間がかかります。

キャッシュ・プラグインは、各ページが最初にロードされた後、そのコピーを保存します。そして、そのバージョンを将来の訪問者に表示します。これにより、サーバーの負荷が軽減され、サイトが瞬時にスピードアップします。

無料のWordPressキャッシュプラグインをいくつかご紹介します:

  • WP Super Cache- セットアップが簡単で軽量。
  • W3 Total Cache- より高度な設定が必要な場合
  • LiteSpeed Cache- ホストがLiteSpeedサーバーをサポートしている場合に最適です。

マネージドWordPressホスティングを使用している場合、ホストにすでにキャッシュ機能が組み込まれている可能性があります。プラグインを追加する前に、ホスティングのダッシュボードを確認してください。

2.画像を最適化する

大きな画像は、ウェブサイトを遅くする最も早い方法のひとつです。ページの総重量の平均21%を占めています。携帯電話やストックサイトから直接写真をアップロードしている場合、おそらくウェブには大きすぎるでしょう。

対処法は簡単です。WordPressにアップロードする前に、画像のサイズを変更し、圧縮する。こうすることで、ぼやけたりピクセル化したりすることなくファイルサイズを小さくすることができます。

TinyPNGのような無料の画像編集ツールを使うか、最適化プラグインを使ってWordPressで直接行うことができます。

  • Smush- アップロードした画像を自動的に圧縮します。
  • ShortPixel- 一括最適化とレティナ対応に最適
  • EWWW Image Optimizer- 画像の設定をローカルでコントロールしたい場合に便利です。

さらに一歩進みたいなら、JPEGやPNGの代わりにWebPフォーマットを使いましょう。WebP画像ははるかに小さく、しかもほとんどのモダンブラウザで美しく表示されます。

画像のリサイズにお困りですか?WordPressで画像のサイズを変更する正しい方法をご紹介します。

3.ワードプレスの更新

アップデートを後回しにするのは簡単ですが、古いバージョンのWordPressを使用していると、サイトの動作が遅くなり、セキュリティ上の問題が発生する可能性があります。

アップデートには、パフォーマンスの向上、バグの修正、プラグインやテーマとの互換性の向上などが含まれることがよくあります。つまり、サイトの動作が全体的により速く、よりスムーズになるということです。

これらすべてを常に最新の状態にしておくこと:

  • ワードプレスコア
  • あなたのテーマ
  • すべてのプラグイン
  • PHPのバージョン(通常、ホスティングプロバイダを通じて行われます)

アップデートの前に、サイトをバックアップしておくのが賢明です。そうすれば、何か問題が発生しても、ワンクリックで復元できる。

バックアップにお困りですか?WordPressのバックアップに最適なプラグインをご紹介します。

4.バックグラウンド・プロセスの最適化

舞台裏では、WordPressは多くの自動タスクを実行しています。バックアップ、プラグインのアップデート、スケジュール投稿、検索エンジンのクロールなど、サーバーのリソースを消費します。

これらのほとんどは必要なことだが、特にトラフィックの多い時間帯に一度に多くのことが起こると、サイトの速度が低下する可能性がある。

コントロールし続ける方法はこうだ:

  • トラフィックの少ない時間帯(夜間など)にバックアップをスケジュールする。
  • Duplicatorのような軽量バックアッププラグインを使用する。
  • 毎日コンテンツを公開する場合を除き、毎日バックアップを実行することは避けてください。
  • Google Search Consoleでクロールアクティビティをチェックし、サイトが頻繁にヒットしていないか確認する。

これらの設定を少し変更するだけで、サーバーの空き容量を増やし、訪問者のページ読み込み速度を向上させることができます。

設定にお困りですか?WordPressのバックアップスケジュールをよりスマートに設定する方法をご紹介します。

5.ホームページとアーカイブに投稿の抜粋を使う

デフォルトでは、WordPressはホームページとアーカイブページに各ブログ記事の全内容を表示します。つまり、すべての画像、動画、テキストブロックが一度に読み込まれます。

特に、頻繁に記事を公開したり、ビジュアルを多用したりする場合は、ページが重く、遅くなる可能性がある。

より良いオプションは、短い記事の抜粋を表示することです。こうすることで、各記事のテキストが数行だけ読み込まれ、ホームページの表示速度が格段に速くなります。

この設定を変更するには、[設定] " [読書]に進み、[フィードの各投稿に含める]で[要約]を選択します。

また、ピングバックやトラックバックを削除するのも良いアイデアだ。

このステップにヘルプが必要ですか?WordPressで投稿の抜粋を表示する簡単な方法をご紹介します。

6.コンテンツ・デリバリー・ネットワーク(CDN)を利用する

誰かがあなたのサイトを訪れるたびに、ブラウザは画像、CSS、JavaScript、その他のファイルをダウンロードしなければなりません。ホスティング・サーバーから遠ければ遠いほど、その時間は長くなります。

CDNは、オリジンサーバーから遠く離れたユーザーのロード時間を最大50%短縮することができます。

CDNは、世界中のサーバーに静的ファイルのコピーを保存します。誰かがあなたのサイトを訪問すると、それらのファイルは最も近い場所から配信されます。つまり、訪問者がどこにいても、ロード時間が短縮されるのです。

無料または低コストのCDNオプションには、以下のようなものがある:

マネージドWordPressホストを使用している場合は、プランを確認してください。ワンクリックで有効にできるCDNが組み込まれているものもあります。

適切なオプションを選ぶのにお困りですか?ここでは、最高のWordPress CDNサービスのリストです。

7.オーディオとビデオを別の場所でホストする

WordPressでは、オーディオファイルやビデオファイルを直接サイトにアップロードすることができますが、だからといってアップロードした方がいいというわけではありません。大容量のメディアファイルは、サーバーの帯域幅を大量に消費し、動作が著しく遅くなる可能性があります。

また、バックアップの容量が大きくなり、何かあったときに復元するのが難しくなる。

より良いオプションは、サードパーティのプラットフォームにオーディオやビデオをアップロードし、あなたのサイトに埋め込むことです。そうすれば、ファイルはあなたのサーバーではなく、サードパーティのサーバーから読み込まれます。

  • ビデオならYouTube
  • プライベートまたは高画質ビデオホスティングのためのVimeo
  • SoundCloudまたはSpotify(オーディオコンテンツ用

埋め込みは簡単です。投稿やページにURLを貼り付けるだけで、あとはWordPressが処理してくれます。WordPressに動画を埋め込む正しい方法はこちら。

8.コメントをページに分割する

ブログ記事にたくさんのコメントがつくのは素晴らしいことです。それは、あなたのコンテンツが魅力的でアクティブであることを示している。しかし、これらのコメントが一度に読み込まれると、特に人気のある記事については、サイトが遅くなる可能性があります。

WordPressには、これを解決する設定が組み込まれています。長いコメントセクションを複数のページに分割することで、ページサイズを小さく保ち、読み込みを速くすることができます。

コメントのページネーションを有効にする方法は以下の通りです:

  • WordPressダッシュボードの設定 " ディスカッションに移動します。
  • コメントをページに分割する」の横にあるチェックボックスをオンにする
  • ページあたりのコメント数を設定する(例:20件)

この小さな工夫は、特にスレッド返信を使用している場合、忙しいブログ記事で大きな違いを生むことがある。

さらに詳しいヒントは、WordPressでコメントをページ分割するガイドをご覧ください。

9.スピードに最適化されたWordPressテーマを使う

WordPressのテーマは、サイトの読み込み速度に大きな役割を果たします。見栄えは良くても、スクリプトやレイアウトビルダー、アニメーションが満載でパフォーマンスの足を引っ張るテーマもあります。

伝統的なテーマを使うなら、スピード重視のものを選びましょう。きれいなコード、最小限のデザイン、実際のユーザーからの良いレビューを探しましょう。

  • アストラ- 軽量でカスタマイズが容易
  • StudioPress- ミニマルで高速、優れたサポート
  • Neve- シンプル、モバイルフレンドリー、スピード重視の設計

あるいは、従来のテーマを完全にスキップして、SeedProdを使って カスタムWordPressテーマを作成することもできる。これは、私が自分のサイトの多くで使っているものだ。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdのドラッグアンドドロップテーマビルダーを使用すると、追加のテーマを必要とせずに、高速ロードブロックを使用してWordPressサイト全体を作成することができます。軽量でモバイルフレンドリー、パフォーマンスを念頭に構築されています。

デザインを変更する場合、トラフィックを損なうことなくWordPressサイトのデザインを変更する方法をご紹介します。

10.より高速なWordPressプラグインを使う

すべてのWordPressプラグインが同じように作られているわけではない。無駄がなく効率的なものもある。スクリプトをたくさん読み込んだり、バックグラウンドで不要なタスクを実行したり、テーマと衝突したりするものもあります。

私は長年にわたって多くのプラグインをテストしてきたが、スピードの差は非常に大きい。何個のプラグインを使うかではなく、プラグインが舞台裏で何をしているかが重要なのだ。

ここでは、物事を迅速に進める方法を紹介しよう:

  • 良いレビューと定期的なアップデートがあるプラグインにこだわる
  • 1回のインストールですべてをこなそうとするオールインワンツールは避ける。
  • 利用可能な場合は、パフォーマンス重視のバージョンを使用する
  • アクティブに使用していないプラグインを削除する

ランディングページやテーマ全体にSeedProdを使用している場合、ページビルダー、メンテナンスモード、近日公開ツールなど、他のいくつかのプラグインを1つの高速読み込みパッケージで置き換えることができます。

おすすめのプラグインをお探しですか?スピードとパフォーマンスに最適なWordPressプラグインのまとめをご覧ください。

11.長いブログ記事をページにする

長文のブログコンテンツはSEOには最適ですが、1ページにすべてを読み込むとパフォーマンスが低下する可能性があります。

投稿が長くなりすぎた場合は、WordPressエディター内のシンプルなタグを使用して、小さなページに分割することができます。

投稿を複数のページに分割するには、分割したい場所にこれを追加するだけです:

<!--nextpage-->

このタグは何度でも繰り返すことができる。WordPressは自動的に記事の下にページネーションリンクを作成します。

あるいは、長い記事をシリーズ化することもできる。そうすれば、それぞれのセクションにフォーカスを当て、複数のページを検索にインデックスさせることができる。

記事の分割にお困りですか?WordPressで長いコンテンツを分割する簡単な方法をご紹介します。

12.WordPressデータベースの最適化

時間が経つにつれ、WordPressのデータベースは、投稿のリビジョン、破棄されたコメント、スパムエントリー、プラグインの残りデータなど、おそらく不要なものでいっぱいになります。

これをクリーンアップすることで、サイトをより速く、より軽くすることができます。WordPressのデータベースを最適化することで、ページのロード時間を最大21%短縮することができます。

手動でデータベースに触れる必要はありません。すべてを処理してくれるプラグインを使えばいいのです:

また、発行頻度に応じて、クリーンアップを週1回または月1回自動的に実行するようスケジュールすることもできる。

特に初めてクリーンアップ・ツールを使う場合は、必ず事前にバックアップをとってください。

13.ポスト改訂の制限

WordPressは、投稿やページを更新するたびに自動的に新しいリビジョンを保存します。これは、変更を取り消す必要があるときには便利ですが、時間が経つにつれてデータベースがごちゃごちゃになります。

これらのリビジョンは、特に投稿テーブルからコンテンツを取得するプラグインを使用している場合、データベースクエリを遅くする可能性があります。

WordPress が保持するリビジョン数を制限するには、次の行を wp-config.php ファイル:

define( 'WP_POST_REVISIONS', 4 );

これは最後の4つのリビジョンを保持し、残りを自動的に削除します。あなたのワークフローに合った数に調整することができます。

自分でファイルを編集するのが面倒な場合は、WP Revisions Controlのようなプラグインを使って、ダッシュボードから安全に編集しましょう。

また、念のため、コアファイルを変更する前にサイトをバックアップしてください。

14.ホットリンクの防止

ホットリンクとは、他のサイトがあなたのサーバー上のファイルに直接リンクして、あなたの画像を使用することです。他のサイトは画像を表示することができますが、あなたのサイトは毎回画像を読み込む必要があります。

これは帯域幅を奪い、サイトの速度を低下させる。特にトラフィックの多いサイトがこのようなことをしている場合はなおさらだ。

に小さなスニペットを追加することで、ホットリンクをブロックすることができます。 .htaccess ファイルを使用する:

# Prevent image hotlinking
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^https://(www\.)?yourdomain.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [F]

必ず交換してください。 yourdomain.com を実際のドメイン名に置き換えてから保存してください。

.htaccessを編集するのが面倒な場合は、All in One WP Securityのようなセキュリティ・プラグインを使えば、チェックボックスでホットリンク保護を切り替えることができる。

15.レイジーローディングを使う

ページに画像や動画、埋め込みコンテンツが多く含まれる場合、読み込みに時間がかかることがあります。そこで役立つのが遅延ロードです。

レイジーローディングは、画像やその他のメディアの読み込みを、実際に画面に表示されるまで遅らせます。そうすることで、ページの読み込みが速くなり、残りはユーザーがスクロールしたときにのみ読み込まれるようになります。

最近のWordPressのほとんどのバージョンでは、デフォルトで画像の遅延ロードが含まれています。しかし、もっとコントロールしたい場合や、動画やiframeも遅延ロードさせたい場合は、以下のプラグインを試してみてください:

また、コメントやGravatarsを遅延ロードすることで、さらに効果を高めることができます。WordPressでコメントを遅延ロードする方法はこちら。

16.最新のPHPバージョンにアップグレードする

PHPはWordPressが動作するプログラミング言語です。あなたのサイトが古いバージョンを使用している場合、動作が遅くなったり、安全性が低下したりする可能性があります。

PHPの新しいバージョンは、より高速で効率的です。PHP 7.4からPHP 8.2にアップグレードするだけで、サイトの速度は目に見えて変わります。ベンチマークテストによると、PHP 8.2はPHP 7.4よりも50%近く高速です

現在のPHPのバージョンは、Version Infoのようなプラグインを使うか、ホスティングプロバイダに問い合わせることで確認できます。

最新バージョンでない場合は、ウェブホストに連絡してアップデートを依頼してください。ほとんどの優良ホストはダウンタイムなしで対応してくれます。

念のため、サーバーを変更する前にサイトのバックアップを取ることもお忘れなく。

17.GZIP圧縮を有効にする

GZIP圧縮は、訪問者のブラウザに送信される前にファイルを小さくします。つまり、サイトのフロントエンドを変更することなく、読み込み時間を短縮することができます。

ほとんどのホスティング・プロバイダーはすでにGZIPを有効にしていますが、再確認する価値はあります。この無料のGZIPテストツールを使用して、あなたのサイトをテストすることができます。

GZIPがオンになっていない場合、あなたのサイトがApacheサーバーであれば、手動で有効にすることができます。以下のコードを .htaccess ファイル:

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/json
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE image/svg+xml
</IfModule>

サーバーファイルへのアクセス方法がわからない?WP-Optimizeや WP Super Cacheのような速度最適化プラグインは、あなたのために圧縮を有効にすることができます。

18.CSSファイルとJavaScriptファイルの最小化

誰かがあなたのサイトを訪れるたびに、ブラウザはCSSやJavaScriptファイルをダウンロードしなければなりません。これらはレイアウト、スタイリング、機能性をコントロールするものですが、その分すぐに増えてしまいます。

これらのファイルの最小化とは、空白、改行、コメントなどの不要な文字をすべて取り除くことで、ファイルが小さくなり、読み込みが速くなる。

このような無料のプラグインを使うことができる:

ほとんどのキャッシュプラグインにはminifyオプションが組み込まれているので、新しいものをインストールする前に設定を確認してください。

アニメーションやエフェクトを多用しているサイトでは、このステップを踏むことでページ速度に大きな差が出る可能性がある。

WordPressの高速化についてよくある質問

WordPressサイトの適切なロード時間とは?
良い目標は2秒以下です。サイトの読み込みが1秒以内なら上出来です。3秒を超えると、ページが表示される前に訪問者を失う危険性があります。
WordPressのスピードアップ・プラグインは本当に効果があるのか?
はい。キャッシュ、画像最適化、最小化プラグインは、特にまだスピードの改善をしていない場合、顕著な違いをもたらすことができます。ただ、同じ仕事をする複数のプラグインを使うのは避けましょう。
ホスティングプロバイダを変更すると、サイトが速くなりますか?
可能です。基本的な共有ホスティングを使用している場合、マネージドWordPressホスティングまたは高速サーバープランに切り替えると、サイトのパフォーマンスが大幅に向上します。
WordPressの速度を最も遅くしているのは?
最も一般的な問題は、圧縮されていない大きな画像、キャッシュがない、肥大化したテーマやプラグイン、遅いホスティングです。これらのうち1つでも修正すれば、ロード時間の短縮につながります。
スピードはWordPressサイトのSEOに影響するか?
はい。Googleはページスピードをランキング要因として使用しています。より速いサイトはユーザーエクスペリエンスも向上させ、直帰率を減らし、コンバージョンを増やすのに役立ちます。

WordPressサイトを高速に保つ

スピードは、多くの人が思っている以上に重要です。WordPressのサイトが遅いと、トラフィック、売上、信頼を失う可能性があります。そして、多くの場合、それが起こっていることにさえ気づかないかもしれません。

良いニュースは、それを修正するのは複雑である必要はないということです。キャッシュを追加し、画像を圧縮し、プラグインをクリーンアップする。そこから続けることで、あなたのサイトはより速く、より安定し、より使いやすくなるでしょう。

1秒1秒を大切に。

SeedProd.のスピードアップガイドをもっと見る

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。

コメント

  1. ワードプレスのウェブサイトを高速化する方法をグーグルで検索していて、この記事を見つけました。これでWordPressのウェブサイトを簡単にスピードアップできると思います。ありがとうございました!

    1. デビッド、教えてくれてありがとう!

コメントは受け付けていません。