WordPressサイトのスピードを最適化するための12 のアドバイス
前書き
何度も言いますが、SEO には高速な Web サイトが必要です。検索結果の海の中で、Googleは、検索者に優れたユーザーエクスペリエンスを提供できる高速なページを優先します。 より高いランキングを達成し、Google からのオーガニックトラフィックを促進することが目標である場合は、WordPressで構築されたWeb サイトを高速化する必要があります。 この記事では、ウェブサイトのパフォーマンスを改善して検索結果でその場所を獲得するのに役立つヒントについて説明します。
高速なウェブサイト＝Google検索結果で優位
Google では、高速なウェブサイトが低速なウェブサイトよりも優れたパフォーマンスを発揮する傾向があります。理由は 1 つあります。ユーザー エクスペリエンスの良さです。これは Google の使命と一致しています。 Google は、ユーザーに最高の結果と最高のエクスペリエンスを提供したいと考えています。そのため、ユーザーの検索クエリに回答し、優れたエクスペリエンスを提供する Web ページをユーザーに表示したいと考えています。これが、ページエクスペリエンスが現在 Google のランキング要素である理由でもあります。
これは、理にかなっています。例えばあるユーザーが表示速度の遅いページに検索エンジンの検索結果からアクセスしたとします。ページの読み込みに時間がかかりユーザーは、サイトにアクセスした後検索結果に戻りました。そして、そのようにユーザーがページを離れると、より優れた別の高速なサイトにユーザーは流れていきます。その結果Web サイトに再びアクセスする可能性は大幅に低くなります。したがって、Web サイトのパフォーマンスはユーザーエクスペリエンスに影響を与えるだけでなく、訪問者がビジネスの質を判断する方法にも大きく影響します。
そのため、WordPress ウェブサイトの高速化は多くの点で有益です。高速なサイトは、ユーザーを満足させ、サイトでのエンゲージメントと購入を増やします。最終的に、それはあなたを幸せにするでしょう。それとは別に、サイトのクロールとインデックス作成が容易になり、それらのプロセスに費やす必要のあるリソースが削減されるため、検索エンジンはサイトのパフォーマンスが良いサイトを好みます。
SEOのためにCore Web Vitalsに集中する
Core Web Vitals(CWV:コアウェブバイタル) がページ エクスペリエンスのランキング要因の重要な部分であることは事実であり、Core Web Vitals のスコアを上げることはランキングを上げるために不可欠です。 Core Web Vitals のメトリクスは、ページの速度を直接測定するため、Core Web Vital スコアを改善すると、優れたコンテンツが既にある場合、ランキングが高くなる可能性があります。
Core Web Vitals のメトリクスはページのパフォーマンスを測定しますが、ウェブサイトのパフォーマンスの全体を測定するわけではありません。 Core Web Vitals は、ページレベルでのパフォーマンスのみを測定します。したがって、サイトレベルでは、Web の主要な指標を通過するページと遅いページが混在している可能性があります。
Webサイトのパフォーマンスを改善すると、訪問者がどのページにアクセスしても Web サイトを最大限に活用できるようになります。さらに、ウェブサイト最適化のベストプラクティスを採用することは、コアウェブバイタルにも直接的なメリットをもたらし、ページの最適化に費やす時間を短縮するのに役立ちます。
WordPress Webサイトを高速化する方法
さて、WordPress は一見シンプルなプラットフォームですが、内部は非常に複雑です。 ユーザーにページを表示する必要があるときにデータを取得するためのデータベースが多数あり、さまざまな可動部分が多数あります。 多くのページやメディア コンテンツを追加し、多くのプラグインやウィジェットをインストールすると、サイトのパフォーマンスが低下し始める可能性があります。
幸いなことに、WordPress は非常に用途が広いため、パフォーマンスを最適化するためにできることがたくさんあります。 サイトの高速化に役立つヒントをいくつか見ていきましょう。
優れたプロバイダーと優れたプランを選択する
まずは基本的な第一歩から話しましょう。Web サイトのパフォーマンスを確保するには、優れたホスティングプロバイダーを利用することが重要です。 これは、すべてのファイルとデータベースがサーバーに保存されており、ユーザーがページを要求したときに呼び出されるためです。
優れたホストを選択することで、高速で安定したサーバーを利用することができます。 安定しているということは、「稼働時間」が良好であることを意味します。これは、基本的に、サーバーが常に稼働していることを意味し、Webサイトに常にアクセスできる環境を維持できるということです。 一方、「高速」サーバーとは、Web サイトが存在するコンピューター・マシンの仕様を指します。
優れたホスティングプロバイダーは、トラフィックの急増に対処するためのスケーラビリティも提供します。 優れたホストは、増加した負荷に対応し、ウェブサイトを稼働させ続けるためのリソースを備えています。
それに加えて、ホストを選択する際に考慮すべきもう1つの重要な要素は、カスタマーサポートの品質です。優れたホストは技術サポートを提供する必要があります。これは、Web サイトで問題が発生した場合に非常に役立ちます。 また、知識豊富なサポート チームが問題を迅速に解決できるようサポートするため、通常どおりの業務に戻ることができます。
考慮すべきもう 1 つのことは、ユーザーに対するサーバーの場所です。 サーバーが高速でも、ユーザーから離れた場所にある場合でも、ページの読み込みが遅くなる可能性があります。日本人向けにサービスを提供しているホームページの場合はできるだけ日本にサーバーがあるプロバイダーを選択してください。
PHP を新しいバージョンに更新する
PHPを新しいバージョンに更新するのは簡単なことですが、見過ごされがちです。 PHPは、動的でインタラクティブな Web サイトを作成するために広く使用されている、人気のあるオープンソースのサーバー側スクリプト言語です。ワードプレスももちろんPHPで開発・構成されています。PHPを使用することにより、Web開発者は、ユーザーの操作、データベース情報などに基づいて動的に変化する、堅牢で機能豊富なWebサイトを構築できます。
PHPを最新バージョンに更新すると、Webサイトのパフォーマンスが大幅に向上します。PHPを最新のバージョンに更新することで下記のようなメリットを受けることができます。
- パフォーマンスの向上により、処理時間が短縮され、リソースの使用量が削減されます。
- WordPress サイトの実行に必要なメモリ量を削減できるメモリ管理の改善により、ページの読み込み時間が短縮されます。
- 新しいバージョンのPHPではリクエストをより迅速に処理できるため、リクエスト処理が高速になり、ページの読み込み時間が短縮されます。
- PHPの一部の新しいバージョンでは、キャッシュ機能が改善されており、ページの読み込み時間が短縮され、サーバー リソースの使用量が削減されています。
PHP はサーバー側のスクリプト言語であるため、多くのホスティング プロバイダーがホスティングパッケージの一部としてPHPサポートを提供しています。 PHPの更新を検討している場合は、ホストに確認して、サポートしてもらえるかどうかを確認してください。
PHPを更新すると、WordPressプラグインやテーマとの互換性の問題が発生する可能性があることに注意してください。 互換性の問題により Web サイトが壊れる可能性があるため、更新前にバックアップを作成し、更新後に Web サイトをテストして、すべてが期待どおりに機能することを確認することが重要です。
WordPress のバージョンを更新
WordPress Webサイトを新しいバージョンに更新するだけで、速度が大幅に向上します。最新のパフォーマンスの改善とその他の多くの最適化が得られます。ワードプレスのバージョンアップを行わないことはナンセンスです。
たとえば、WordPress 6.1 では、データベースのパフォーマンスの向上やメディアの処理の改善など、内部で多くのパフォーマンスが改善されています。フロントエンドでは、これにより新規訪問者とリピーターの両方の読み込み時間が短縮されます。
さらに、WordPress の新しいバージョンに更新すると、新しいバージョンの PHP を実行できるようになり、パフォーマンスがさらに向上します。
ただし、Web サイトを更新する前に、ステージング環境で更新をテストすることをお勧めします。更新によって問題が発生するかどうか、プラグインの競合がないかどうかを確認し、すべてが意図したとおりに機能することを確認してください。 WordPress.org フォーラムまたは Twitter をチェックして、更新によって他のユーザーに問題が発生しているかどうか確認することもお勧めです。
キャッシング ソリューションを実装する
キャッシングは、パフォーマンスを最適化する重要な部分です。 これは、WordPress Web サイトを高速化し、ページの読み込みを高速化できるシンプルなソリューションです。特に、リピーター(再訪問ユーザー)向けです。
キャッシングとは、頻繁にアクセスされるデータを一時ストレージ領域に格納するプロセスを指します。 データが要求されるたびにサーバーから呼び出すのではなく、必要なときにキャッシュからすばやく取得できます。
これにより、サーバーと訪問者のブラウザー間で転送する必要があるデータの量を減らすことができ、ページの読み込み時間が短縮され、Web サイト全体のパフォーマンスが向上します。 そのため、訪問者が最近表示したページにアクセスするたびに、HTML や画像などのすべての要素をさまざまなデータベースから要求する代わりに、キャッシュからページが提供されます。
ワードプレスのプラグインには便利なキャッシュプラグインが多数あります。ただし、複数のキャッシュまたは最適化プラグインをインストールする場合は注意してください。 それらはお互いの邪魔になり、サイトの速度を低下させる可能性があります。
軽量なテーマを使用する
使用するテーマは、ユーザーがページを読み込む速度に大きく影響します。 WordPress にはさまざまなテーマが用意されていますが、すべてのテーマが同じように作成されているわけではありません。
一部のテーマは、他のテーマよりも適切にコーディングされています。 コードが非効率的または最適化されていないテーマは、ページの読み込み時間が遅くなり、途中で頭痛の種になる可能性があります。
見た目がよくかっこいいサイトやかわいいサイトのテーマに惹かれるかもしれませんが、注意が必要です。 多くの画像、スクリプト、およびその他のアセットを含むテーマでは、ページのサイズが大きくなり、読み込みが遅くなる可能性があります。
私たちのアドバイスとしては、コミュニティによって十分にレビューされている高速で無駄のないテーマを選択することです。常にテーマの評価とレビューをチェックして、正しい選択をしているかどうかを確認してください。 後でテーマを変更することもできますが、しばらくは 1 つのテーマに固執することをお勧めします。これにより、テーマの切り替えによって発生する可能性のあるトラブルを回避できます。
テーマとは別に、多くの人がページビルダーを使用してWebサイトをデザインすることを好みます。 初心者にも経験豊富な WordPress ユーザーにも同様に優れたツールです。選ぶときはテーマと同じように選ぶ必要があります。つまり、人気があり、よくレビューされているページビルダーを選択することです。 一部のページビルダーは、他のものよりもはるかに軽量で、速度が最適化されています。私たちもElementorという優れたページビルダーをよく利用しています。
未使用のプラグインを無効化して削除する
WordPress はプラグインとウィジェットのおかげで素晴らしいプラットフォームであり、さまざまな方法でWebサイトを拡張できます。必要な小さな機能ごとにプラグインをインストールするのは魅力的です。
プラグインは素晴らしいものですが、プラグインを使いすぎるとパフォーマンスが低下します。 ロードする機能が増えるため、ページの読み込みが遅くなります。
プラグイン一覧ページを再度よく見て、必要なプラグインと不要なプラグインを選別してください。 また、小さな機能ごとにプラグインを使用する代わりに、必要な複数の機能を実行できる、より用途の広いプラグインを使用してください。
不要なものについては、無効にしてサイトから削除することを忘れないでください。 これにより、Web サイトに追加された追加のコードが削除されます。 これは簡単な修正ですが、一部の人は忘れてそのままにしている人も多いです。 さらに、未使用のプラグインは、他のプラグイン、テーマ、WordPressのコア機能と競合する可能性があります。 それらを削除することで、互換性の問題のリスクを軽減し、サイトの安定性とパフォーマンスを向上させることができます。
画像を最適化する～ページを高速化する簡単な修正
これは他の記事でも何度も言いましたが、重い画像はページの速度に悪影響を及ぼします。 人目を引く高解像度の画像は見て楽しいものですが、ページが非常に重くなります。 これは、処理してロードするものが多くなるため、ロード時間が遅くなることを意味します。 たとえば、最適化されていない大きな画像がスクロールせずに見える範囲にあると、Core Web Vitals の LCP スコアが確実に低くなります。
これらの高解像度の画像は実際には必要ありません。 ユーザーがその画像を理解できるだけの解像度があれば問題ありません。重要なのは、解像度と品質の間のスイートスポットを見つけることです。
画像を Web サイトにアップロードする前に、画像を圧縮してファイル サイズを小さくしてください。 これは、Web サイトに多数の画像を表示している場合、または多数の製品画像を含む e コマース Web サイトを運営している場合に特に重要です。
またGoogleが推奨する次世代の画像フォーマット（Webp）に変換することもお勧めです。
これを行うことでサイトの画像の容量を60%-80%削減することができます。
メディア配信を最適化する
メディア コンテンツをエンド ユーザーに提供する方法も、ページの速度に大きく影響します。 Web サイトがメディア コンテンツを配信する方法を最適化し、微調整することが重要です。
遅延読み込みは、多くの Web サイトで実装されている一般的な手法です。 ページの読み込み時に一度にすべての画像を読み込むのではなく、必要なときにのみ画像を読み込むようにユーザーのブラウザに指示します。 幸いなことに、WordPress はこれをネイティブで行うため、その機能をすぐに使用できます。 さらに、WordPress 6.1 では、 メディア配信の改善 も行われました。これは、大量の画像を含む Web サイトに最適です。 ただし、これらすべての機能が利用可能であっても、必要な場合にのみ画像を追加することをお勧めします。
動画に関しては、検索トラフィックをウェブサイトに誘導するのに役立ちます。 ただし、サーバーに直接ビデオをアップロードしないことを強くお勧めします。 それらは重く、サーバー容量を占有する可能性があります。 また、自己ホスト型の動画はページの読み込みを遅くし、これは SEO にとって望ましくありません。
Youtube や Dailymotion、Vimeo、ニコニコ動画などの動画配信プラットフォームに動画をアップロードし、ページにリンクを埋め込むことをお勧めします。 また埋め込む際にはサムネイルという形で静止画像を表示しサムネイルをクリックしたら動画に飛ぶという方法をお勧めします。
コンテンツ配信ネットワーク（CDN）を使用する
WordPress Web サイトの高速化に関しては、コンテンツ配信ネットワーク (CDN) がおすすめです。 海外のユーザーや、元の Web サーバーから遠く離れた場所に住んでいるユーザーにサービスを提供する場合も、これは非常に重要です。
CDN は、エンド ユーザーにコンテンツを配信するために連携するサーバーの相互接続されたネットワークです。 画像や HTML ファイルなどの静的コンテンツのコピーを作成し、ネットワーク内のすべてのサーバーに配布します。 したがって、画像や HTML ファイルを元のサーバーから直接提供する代わりに、これらのファイルはサーバークローゼットからユーザーに送信されます。
WordPress の CDN を選択するときは、プラグインが適切に統合されていることを確認してください。これにより、コンテンツを作成または更新すると、ページとリソースのキャッシュが自動的に更新または削除されます。
使用する外部スクリプトを減らし、JavaScript を最適化する
このセクションは、この投稿の他のアドバイスに比べて少し高度です。 Web サイト構築に不慣れな場合、または開発経験がない場合は、JavaScript をむやみにいじらないことを勧めします。 代わりに、経験豊富な開発者に JavaScript の微調整と最適化を手伝ってもらいましょう。
JavaScript は素晴らしい言語であり、Web サイトで多くのことを行うことができます。 これにより、エンド ユーザーが使用する Web サイトがより動的で楽しいものになります。
ボタンをクリックすると何かがポップアップするなど、Web サイトでアニメーションが表示される場合、それはおそらく JavaScript のおかげです。 Web サイトの所有者は、Google Analyticsなどの分析ツールを追加して、A/B テストやパーソナライズなどを行うことができます。
ただし、JavaScript や外部スクリプトを使いすぎると、ページの読み込みが大幅に遅くなります。 外部スクリプトをロードすると、ブラウザがスクリプトを取得するために追加のリクエストを行う必要があるため、Web サイトのパフォーマンスが低下する可能性があります。 これは、多くの外部広告を含む Web ページでよく見られ、イライラすることがあります。 外部スクリプトの数を最小限に抑えることで、ロードする必要があるデータの量を減らし、ページのロード時間を改善できます。
JavaScript が多すぎると、検索エンジンのクロールにも影響する可能性があります。 これは、Google がインデックス作成中にこれらのファイルをレンダリングする必要があり、リソースを消費するためです。 これらのファイルの処理に Google が費やす必要があるリソースが多ければ多いほど、サイトの他のページをクロールする可能性が低くなります。
使用する JavaScript の量を減らす方法はたくさんありますが、それは Web サイトとスクリプトの種類によって大きく異なります。 何がロードされているかを調べることから始めましょう。 次に、それをロードしないことを決定するか、ロード方法を変更して、実装することでより効率的にロードできるようにすることができます。
Google フォントや CDN のリソースなど、外部ドメインからの読み込みを避け、代わりにローカルコピーを読み込みます。 また、スクリプトを使用する方法とは異なる方法を使用しても同じ結果が得られるかどうかを自問してください。 たとえば、アニメーション用のスクリプトの代わりに CSS を使用するなど。
ファイルサイズを小さくする
画像を圧縮してファイル サイズを縮小できることを、この記事の少し前で説明しました。 HTML、CSS、および JavaScript ファイルでも同じことができます。
これらのファイルから削り取ったバイト数とキロバイト数はそれほど多くないように思えますが、足し合わせると結構な要領になる場合があります。 ファイル サイズを小さくする 1 つの方法は、コード内の冗長なスペースまたは行を減らすことです。 複数のファイルを 1 つのファイルに結合して圧縮し、サイトを壊すことなくそのファイルを提供することもできます。
コードをいじることは、特に開発者でない場合は、慎重に行う必要があります。 しかし、ありがたいことに、ワードプレスにはサイト所有者を助けるプラグインがあります。
おすすめは下記のプラグインです。
- Autoptimize ーJavaScript、CSS、および HTML の最適化を簡単に的確に行うことができます。
- WP Minify ーJavaScript、CSS、および HTML ファイルを結合して圧縮する事ができます。
サーバーへの HTTP リクエストを減らす
ユーザーがリンクをクリックして Web サイトにアクセスするたびに、ブラウザーは Web サーバーに対して複数の HTTP 要求を行い、さまざまなファイルやデータを要求する必要があります。 サーバーはこれらのリクエストを処理し、必要なファイルをすべて送り返す必要があります。これにより、ブラウザはそれらをレンダリングしてユーザーにページを表示できます。
ここで HTTP 要求の量を減らすということは、基本的に、サーバーが取得してユーザーのブラウザーに送信する必要があるファイルの数を減らすことを意味します。 これにより、転送されるデータの量が減り、サーバーの負荷が軽減されるだけでなく、ブラウザーでのページのレンダリングと構築が容易になります。
上記の11のアドバイスを既に実装している場合は、不要な HTTP 要求をかなり削除できています。 使用するプラグインとスクリプトの数を減らし、メディアファイルを減らし、キャッシュソリューションを実装し、CDNを使用して静的コンテンツを提供することで多くのリクエストを削減することができます。
WordPressサイトのスピード最適化のまとめ
この投稿が、WordPress ウェブサイトの高速化に役立つことを願っています。 ここに記述した12のアドバイスは結構ボリュームがあるので、処理して消化するのに少し時間がかかるでしょう。
私たちが提案するテクニックとベストプラクティスを実装することで、高速で機敏なウェブサイトを構築することができます。加えた変更を文書化し、ウェブサイトの検索プレゼンス、オーガニックトラフィック、およびウェブサイト全体のパフォーマンスへの影響を再確認することを忘れないでください。
ミリ秒単位で訪問者の購入と離脱が決まる場合、パフォーマンスを最適化する余地は常にあります。 ホスティング、CDN、プラグイン、およびテーマのセットアップと構成を定期的に見直しましょう。
WordPress やその他のサイト高速化ツールを高速化するための優れた推奨事項はありますか？ある場合良ければコメントでお知らせください！
WordPressウェブサイトの高速化に役立つその他のリソース
下記の記事とドキュメントでは、Webサイトの速度の最適化に関する詳細情報を提供できます。さらに詳しく知りたい場合は一度目を通してみてください。
迫田
2023年2月23日ウェブサイトの表示スピードは大切な指標で上げたいのはやまやまなんですが、、、もう削れる場所がない！ｗｗｗ
SEO対策
2023年3月6日その場合無理して削りすぎるのもお勧めしないです。
ウェブサイトの表示速度ばかり気にして、一番大切なコンテンツ自体が不完全なものになるのが一番不利益になるかと思います。あくまでもユーザー目線で、ユーザーが不快な気分にならない程度のスピードなら問題ないかと思います。
画像の最適化(webpなどの次世代ファイルが好ましい)、CSSとJavascriptファイルの最適化、この三点を行えばある程度表示速度はユーザーが不快感を覚えない程度には改善されるかと思います。