WordPress QandA

WordPress初心者のためのサイトを高速化するための究極のガイド 

WordPressサイトを高速化するための究極のガイドを作成しました。

記事の信頼性

●WordPress歴7年 ●ドメインパワー40超えの企業にて500記事以上のブログ作成
ドメインパワー43.9のサイトのホームページ作成に従事
ドメインパワー43.9のサイトのホームページ作成に従事

ワードプレスパフォーマンスの基礎知識

2000年から2016年にかけて、人間の平均的な注意持続時間は12秒から7秒に低下したという研究結果があります。これは、ウェブサイトの所有者である私たちにとって何を意味するのでしょうか?ユーザーにコンテンツを見せ、ウェブサイトに滞在するよう説得する時間はほとんどありません。遅いウェブサイトは、ユーザーがウェブサイトを読み込む前に離脱してしまう可能性があることを意味します。Amazon、Google、その他の大規模サイトを対象としたStrangeLoopのケーススタディによると、ページのロード時間が1秒遅れると、コンバージョンが7%、ページビューが11%減少し、顧客満足度が16%減少することが分かっています。

なぜWordPressサイトでは速度が重要なのか?

Googleをはじめとする検索エンジンは、すでに遅いウェブサイトを検索結果の下位に押しやるというペナルティを始めており、これは遅いウェブサイトのトラフィックが減少することを意味します。もし、あなたのウェブサイトからより多くのトラフィック、購読者、収入を得たいのであれば、WordPressのウェブサイトを高速にする必要があります。

WordPressサイトの速度を確認する方法とは?

よく初心者が、自分のパソコンで遅いと感じないからと言って、自分のウェブサイトは問題ないと思ってしまうことがあります。それは大きな間違いです。自分のホームページは頻繁に訪れるので、Chromeなどの最新ブラウザはキャッシュに保存し、アドレスを入力し始めると同時に自動的にプリフェッチします。このため、あなたのウェブサイトはほとんど瞬時に読み込まれます。 しかし、初めてあなたのウェブサイトにアクセスする一般ユーザーは、同じようにはいきません。下のリンクは、あなたのウェブサイトの速度をテストすることができ、無料のオンラインツールです。 IsItWPスピードテストツール Webサイトのスピードテストを実行した後、目指すべき良いWebサイトの速度はどのくらいなのか気になりますよね。良いページの読み込み時間は2秒以下です。ただし、速ければ速いほど良いというわけではありません。あちこちで数ミリ秒の改善が積み重なれば、読み込み時間を半分、あるいは1秒短縮することができます。

WordPress サイトの速度を低下させる要因とは?

あなたのスピードテストのレポートは、おそらく改善のための複数の改善点の提案を持っているでしょう。しかし、そのほとんどは、初心者には理解しにくい専門用語です。あなたのウェブサイトを遅くするものを学ぶことは、パフォーマンスを向上させ、よりスマートな長期的な意思決定を行うための鍵となります。WordPressのウェブサイトが遅くなる主な原因は、次のとおりです。
    • ウェブホスティング:ウェブホスティングサーバーが適切に設定されていない場合、ウェブサイトの速度に悪影響を与える可能性があります。
    • WordPressの構成:WordPressサイトがキャッシュページを提供していない場合、それはあなたのウェブサイトが遅くなるか、完全にクラッシュする原因として、サーバーに過負荷をかけることになります。
    • ページサイズ:主にウェブ用に最適化されていない画像が原因です。
    • 不適切なプラグイン:コード化されていないプラグインを使用している場合、ウェブサイトの速度が大幅に低下する可能性があります。
  • 外部スクリプト:広告、フォントローダーなどの外部スクリプトも、ウェブサイトのパフォーマンスに大きな影響を与える可能性があります。
WordPressウェブサイトの速度を低下させる要因が分かったところで、WordPressウェブサイトを高速化する方法を見てみましょう。

優れたホスティングの重要性

WordPressのホスティングサービスは、ウェブサイトのパフォーマンスにおいて重要な役割を果たします。優れた共有ホスティングプロバイダは、パフォーマンスのためにあなたのウェブサイトを最適化するための余分な措置を講じます。しかし、共有ホスティングでは、他の多くの顧客とサーバーリソースを共有します。これは、あなたの隣のサイトが多くのトラフィックを取得した場合、それは順番にあなたのウェブサイトが遅くなり、サーバー全体のパフォーマンスに影響を与える可能性があることを意味します。 一方、管理されたWordPressホスティングサービスを使用すると、WordPressを実行するために最も最適化されたサーバー構成を提供します。また、自動バックアップ、WordPressの自動アップデート、より高度なセキュリティ設定により、お客様のウェブサイトを保護します。

WordPressキャッシュプラグインのインストール

簡単なステップでWordPressを高速化する方法をお伝えしていきます。WordPressのページは "動的 "です。これは、誰かがあなたのウェブサイトの記事やページを訪れるたびに、その場で構築されることを意味します。ページを構築するために、WordPressは必要な情報を探し出し、それをまとめて、ユーザーに表示するプロセスを実行しなければなりません。このプロセスには多くの段階があり、複数の人が一度にアクセスすると、ウェブサイトの速度が大幅に低下することがあります。 そこで、すべてのWordPressサイトにキャッシュプラグインの使用をお勧めします。キャッシュは、WordPressサイトを2倍から5倍高速化することができます。その仕組みは次のとおりです。キャッシュプラグインは、ページの生成プロセスを毎回繰り返す代わりに、最初の読み込み後にページのコピーを作成し、そのキャッシュされたバージョンを後続のすべてのユーザーに提供します。

ページキャッシング

上の図にあるように、ユーザーがWordPressのサイトにアクセスすると、サーバーはMySQLデータベースとPHPファイルから情報を取得します。そして、それをHTMLコンテンツとしてまとめ、ユーザーに提供します。これは長いプロセスですが、キャッシュを使用すると、その多くを省略することができます。 WordPressのキャッシュプラグインはたくさんありますがWP Super Cache(無料)プラグインを使用することをお勧めします。 WordPressサイトにWP Super Cacheをインストールし、設定する方法については、ステップバイステップのガイドをご覧ください。設定は難しくありませんし、訪問者はその違いに気づくはずです。

SiteGroundでキャッシュをオンにする

SiteGround Google Cloud サーバーに特別に最適化されているため、優れたパフォーマンス結果が得られることが最大の特徴です。キャッシュ以外にも、様々なパフォーマンス設定、WordPressのWebP画像変換、データベースの最適化、CSSの最小化、GZIP圧縮などの機能を利用することができます。また、ダイナミックキャッシング機能も備えており、eコマースサイトの高速化にも役立ちます。

画像を高速に最適化する

画像はコンテンツに生命を吹き込み、エンゲージメントを高めるのに役立ちます。研究者は、色付きのビジュアルを使用すると、人々があなたのコンテンツを読む可能性が80%高くなることを発見しました。しかし、画像が最適化されていない場合は、役立つというよりも、むしろ害になる可能性があります。実際、最適化されていない画像は、初心者のWebサイトでよく見られるスピードの問題の一つです。携帯電話やカメラから直接写真をアップロードする前に、写真編集ソフトウェアを使ってウェブ用に画像を最適化することをお勧めします。 オリジナルのフォーマットでは、これらの写真は巨大なファイルサイズになることがあります。しかし、画像ファイル形式と編集ソフトウェアで選択する圧縮に基づいて、画像サイズを最大5倍まで減少させることができます。 さて、「何が違うのか」と思われるかもしれません。 PNGは非圧縮の画像フォーマットです。画像を圧縮すると、いくつかの情報が失われるため、非圧縮の画像は、より詳細で高品質になります。ただし、ファイルサイズが大きくなるため、読み込みに時間がかかるというデメリットがあります。一方、JPEGは圧縮されたファイル形式なので、画質は若干落ちますが、サイズはかなり小さくなります。 では、どのような画像形式を選べばいいのでしょうか? 写真や画像にさまざまな色が使われている場合は、JPEGを使います。もっとシンプルな画像や透明な画像なら、PNGを使います。

WordPress パフォーマンス最適化のベストプラクティス

キャッシュプラグインをインストールし、画像を最適化すると、サイトの読み込みがかなり速くなることに気づくでしょう。しかし、本当にあなたのウェブサイトをできるだけ速く保ちたいのであれば、以下に挙げるベストプラクティスを利用する必要があります。これらのヒントはあまり技術的なものではなく、コードを知らなくても実行できます。しかし、これらのヒントを活用することで、ウェブサイトの速度を低下させる一般的な問題を防ぐことができます。

WordPressサイトの更新を継続する

オープンソースのプロジェクトとしてよくメンテナンスされているWordPressは、頻繁に更新されています。アップデートのたびに、新しい機能が提供されるだけでなく、セキュリティ上の問題やバグも修正されます。WordPressのテーマやプラグインも定期的に更新されている場合があります。Webサイトのオーナーとして、WordPressサイト、テーマ、プラグインを常に最新のバージョンに更新することは、あなたの責任です。更新しない場合、サイトの動作が遅くなったり、信頼性が低下したり、セキュリティ上の脅威にさらされる可能性があります。

バックグランドプロセスの最適化

WordPressのバックグラウンド・プロセスとは、WordPressサイトのバックグラウンドで実行されるスケジュール・タスクのことです。スケジュール投稿や更新のようなタスクは、ウェブサイトのパフォーマンスに最小限の影響しか与えません。しかし、バックアッププラグインや検索エンジンによる過剰なクロールなど、その他のバックグラウンドプロセスは、Webサイトの速度を低下させる可能性があります。 バックアッププラグインの場合, あなたは、WordPressのバックアッププラグインは、あなたのウェブサイト上の低トラフィックの時間帯に実行されていることを確認する必要があります. また、バックアップの頻度やバックアップが必要なデータも調整する必要があります。例えば、あなたは週に2回だけ新しいコンテンツを公開しながら、完全な毎日のバックアップを作成している場合、それを調整する必要があります. クロールに関しては、Google Search consoleのクロールレポートに目を配る必要があります。クロールが頻繁に行われ、エラーに終わると、ウェブサイトの速度が低下したり、応答しなくなったりする可能性があります。

ホームページとアーカイブに抜粋を使用する

WordPressのデフォルトでは、トップページとアーカイブに各記事の全内容が表示されます。そのため、トップページやカテゴリー、タグ、その他のアーカイブページの読み込みが遅くなります。また、記事の全文を表示することで、ユーザーが実際の記事にアクセスする必要性を感じないというデメリットもあります。このため、ページビューが減少し、ユーザーがサイトに滞在する時間が短くなる可能性があります。アーカイブページの読み込み時間を短縮するために、コンテンツ全体の代わりに抜粋を表示するように設定することができます。

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

あなたのブログの記事にたくさんのコメントが寄せられますか?これは、熱心な読者がいることを示す素晴らしい指標です。しかし、これらのコメントをすべて読み込むと、サイトの速度に影響を与える可能性があります。WordPressには、そのためのソリューションが組み込まれています。設定 " ディスカッション で、「コメントをページに分割する」オプションの隣にあるボックスにチェックを入れるだけです。

コンテンツデリバリーネットワーク(CDN)の利用

地理的に異なる場所にいるユーザーは、あなたのサイトの読み込み時間が異なる可能性があると前述したのを覚えていますか?これは、ウェブホスティングサーバーの場所が、サイトのスピードに影響を与える可能性があるからです。たとえば、あなたのウェブホスティング会社のサーバーが米国にあるとします。同じアメリカにいる訪問者は、一般に、インドにいる訪問者よりも読み込み時間が速くなります。コンテンツデリバリーネットワーク(CDN)を利用すれば、すべての訪問者のロード時間を短縮することができます。CDNは、世界中にあるサーバーで構成されるネットワークです。各サーバーは、あなたのウェブサイトを構成するために使用される "静的な "ファイルを格納します。 この静的ファイルには、画像、CSS、JavaScriptなどの不変のファイルが含まれ、上で説明したように「動的」であるWordPressのページとは異なります。CDNを使用すると、ユーザーがあなたのウェブサイトにアクセスするたびに、彼らは彼らに最も近いサーバーからこれらの静的なファイルを提供されます。CDNが多くの作業を行うので、あなた自身のウェブホスティングサーバーもより速くなります。このインフォグラフィックで、CDNがどのように機能するかを見ることができます。

音声・動画ファイルをWordPressに直接アップロードしない

YouTubeのような動画ホスティングサービスを利用する

WordPressサイトに直接音声や動画ファイルをアップロードすると、自動的にHTML5プレーヤーで表示される...というものです。しかし、それは絶対にやってはいけないことです。音声や動画をホスティングすると、帯域幅が消費されます。ウェブホスティング会社から超過料金を請求されたり、たとえプランに「無制限」の帯域幅が含まれていても、サイトを完全にシャットダウンされたりする可能性があります。 また、大きなメディアファイルをホスティングすると、バックアップのサイズが非常に大きくなり、バックアップからWordPressを復元することが困難になります。代わりに、YouTube、Vimeo、DailyMotion、SoundCloudなどのオーディオおよびビデオホスティングサービスを使用する必要があります。WordPressには動画の埋め込み機能が内蔵されているので、動画のURLをコピーして投稿に直接貼り付ければ、自動的に埋め込まれます。

スピードに最適化されたテーマを使用する

Webサイトのテーマを選ぶ際には、特にスピードの最適化に気を配ることが大切です。見た目が美しく印象的なテーマの中には、実はコーディングが不十分で、サイトの表示速度が大幅に低下するものがあります。複雑なレイアウトや派手なアニメーション、その他の不要な機能で肥大化したテーマを選ぶくらいなら、シンプルなテーマを選んだほうがいいのが普通です。そのような機能は、WordPressのプラグインでいつでも追加することができます。

より高速なプラグインを使用する

WordPressのプラグインのコーディングが不十分な場合、サイトが必要としているかどうかに関わらず、多くの肥大化したデータを読み込んでしまうことがあります。これは、ページの読み込み速度を増加させ、サイトの速度を低下させます。 以下は、最も一般的なWordPressプラグインです。 WPForms - 最も速く、最も初心者に優しいコンタクトフォームプラグインです。 All in One SEO - 強力なWordPress SEOプラグインで、ウェブサイトのパフォーマンスに特に重点を置き、SEOランキングの上昇を支援します。 MonsterInsights - サイトを遅くすることはありません。WordPressのための最高のGoogle Analyticsのプラグインです。 Shared Counts - WordPressのための最速のソーシャルメディアプラグインの一つです。 SeedProd - ドラッグ&ドロップWordPressランディングページプラグインは高速なランディングページを構築するのに役立ちます。

高速化のためのWordPressの微調整(上級編)

上記のWordPress最適化のベストプラクティスと基本的な速度のヒントを使用することで、サイトの読み込み時間が大幅に改善されるはずです。しかし、1秒の何分の一も重要です。可能な限り最速の速度を得たい場合は、さらにいくつかの変更を加える必要があります。以下のヒントは、サイトのファイルを変更したり、PHPの基本的な知識が必要なものもあり、少し技術的な内容になっています。また、念のため、サイトのバックアップをとっておくことをお勧めします。

長い記事はページに分割する

読者は、より長く、より深いブログ記事を好む傾向があります。検索エンジンでも、長い記事の方が上位に表示される傾向があります。しかし、画像を多用した長文の記事を公開している場合、読み込み時間に支障をきたす可能性があります。そこで、長い記事を複数のページに分割することを検討してみてください。 WordPressには、そのための機能が組み込まれています。次のページに分割したい記事内に<!--nextpage-->タグを追加するだけです。次のページにも分割したい場合は、もう一度タグを追加してください。

外部HTTPリクエストの削減

WordPressのプラグインやテーマの多くは、他のウェブサイトからあらゆる種類のファイルを読み込みます。これらのファイルには、Google、Facebook、分析サービスなどの外部リソースからのスクリプト、スタイルシート、画像などが含まれることがあります。これらのうち、いくつかを使用するのは問題ありません。これらのファイルの多くは、できるだけ早く読み込めるように最適化されているので、自分のWebサイトでホストするよりも高速になります。 しかし、プラグインがこれらのリクエストを大量に出している場合、ウェブサイトの速度が大幅に低下する可能性があります。スクリプトとスタイルを無効にしたり、1つのファイルにマージすることで、これらのすべての外部HTTPリクエストを減らすことができます。

WordPressデータベースの最適化

WordPressをしばらく使っていると、データベースにはおそらくもう必要のない情報がたくさん入っているはずです。パフォーマンスを向上させるには、データベースを最適化し、不要な情報をすべて削除することができます。これは、WP-Sweepプラグインを使用して簡単に管理することができます. ゴミ箱に捨てられた投稿やリビジョン、使われていないタグなどを削除し、WordPressのデータベースをきれいにすることができます。また、クリックするだけで、データベースの構造を最適化することもできます。

記事のリビジョンを制限する

投稿のリビジョンは、WordPressのデータベースの容量を消費します。一部のユーザーは、リビジョンはプラグインが実行する一部のデータベースクエリに影響を与える可能性があると考えています。プラグインが特に投稿リビジョンを除外していない場合、不必要に検索することでサイトの速度が低下する可能性があります。WordPressが各記事に対して保持するリビジョンの数を簡単に制限することができます。次の行を wp-config.php ファイルに追加するだけです。 define( 'WP_POST_REVISIONS', 4 ); このコードにより、WordPressは各投稿またはページの最後の4つのリビジョンのみを保存し、それ以前のリビジョンは自動的に破棄するように制限されます。

必要に応じてLazy Loadを使用する

ブログの記事に多くの画像、複数の動画の埋め込み、フォトギャラリーを追加する場合、あなたのサイトは遅延ロードの恩恵を受けることができます。遅延ロードは、すべての画像やビデオを一度に読み込むのではなく、ユーザーの画面に表示されるものだけをダウンロードします。他のすべての画像やビデオの埋め込みは、プレースホルダー画像に置き換えられます。 ユーザーがスクロールダウンすると、ウェブサイトはブラウザの表示領域に表示されるように画像を読み込みます。画像、動画はもちろん、WordPressのコメントやグラビアも遅延して読み込むことができます。画像、iframe、動画については、Lazy Load by WP Rocketプラグインを使用することができます。

HTTPS/SSLエラーをプラグインなしで修正する

サイトをHTTPS/SSLに切り替えると、ミックスコンテンツエラーに遭遇する可能性があります。これを解決する最も簡単な方法は、Really Simple SSLのようなプラグインをインストールすることです。しかし、問題は、これらのプラグインがすべてのURLを最初にキャッチし、ユーザーのブラウザに送信する前にそれらをHTTPSに変更することです。 これは、わずかではありますが、パフォーマンスに顕著な影響を及ぼします。すべてのURLを手動で修正することで、この影響を軽減することができます。

PHPの最新版を使用する

WordPressは主にPHPというプログラミング言語で書かれています。これはサーバーサイドの言語であり、ホスティングサーバーにインストールされ実行されることを意味します。すべての良いWordPressホスティング会社は、そのサーバー上で最も安定したPHPのバージョンを使用しています。しかし、あなたのホスティング会社が少し古いバージョンのPHPを使用している可能性もあります。新しいPHP 7は、以前のバージョンよりも2倍高速です。これは、あなたのウェブサイトが活用しなければならない大きなパフォーマンス向上です。 Version Infoプラグインをインストールし、有効化することで、あなたのサイトが使用しているPHPのバージョンを確認することができます。有効化すると、WordPressの管理画面のフッター部分にPHPのバージョンが表示されるようになります。 もし、あなたのウェブサイトがPHP 7より低いバージョンを使用しているなら、ホスティングプロバイダーに更新するよう依頼してください。もし、それができない場合は、新しいWordPressホスティング会社を見つける必要があります。 よりSEOに関して学びたい方は、下記記事を併せてご覧ください。 リンクに関する記事:

admin.s

「最高のWordPress・ホームページ製作体験をあなたに」をキャッチフレーズにWordPress歴7年、企業のホームページ製作や記事作成500本以上に携わる管理人がWordPressテーマ・ホームページ製作Q and A・ランキング特集などお伝えしていきます。

-WordPress QandA