あなたのWordPressウェブサイトをスピードアップするための10の最良の方法

公開: 2020-06-01

GoogleがSEOランキングを決定する指標の1つとしてページ速度の導入を発表して以来、サイト所有者はWebサイトを迅速にロードすることを最優先事項の1つにしています。

ページの読み込み時間は、ページが完全に読み込まれる前に訪問者がドロップオフするかどうかにも影響します。 読み込みの遅いウェブサイトでは、大量のトラフィックとコンバージョンを失う可能性があります。

このガイドでは、WordPressWebサイトを高速化するために実行できるアクションのリストについて説明します。

目次
  1. ページ速度が重要なのはなぜですか？
  2. ページ速度を測定する方法は？
  3. 1.高速ウェブホストを選択します
  4. 2.軽量で柔軟なテーマを使用する
  5. 3.プラグインを賢く使用する
  6. 4.WordPressデータベースを最適化する
  7. 5.CDNを使用してリソースを提供する
  8. 6.画像をWeb用に準備する
  9. 7.静的ファイルを効率的に管理する
  10. 8.HTTPリクエストを最適化する
  11. 9.WordPressでキャッシュを有効にする
  12. 10.WordPressとPHPを最新の状態に保つ
  13. 概要

ページ速度が重要なのはなぜですか？

サイト所有者にとってページ速度が重要である主な理由は2つあります。

まず、ページ速度はSEOランキングに影響を与えます。 SEOの他のすべての側面で比較可能な2つのWebサイトがある場合、検索エンジンは遅いWebサイトにペナルティを課します。 ページランク付けアルゴリズムによってどの程度のペナルティが適用されるかは不明ですが、速度を上げるためにWebサイトのあらゆる側面を最適化することをお勧めします。

第二に、オンラインユーザーの注意力は比較的短いです。 誰かが本当にあなたのコンテンツをチェックしたいと思わない限り、訪問者がロードする前にあなたのサイトを離れる可能性は、1秒ごとに上昇します。 また、その後のチェックアウトプロセスが遅い場合は、カートを放棄する可能性があります。たとえば、Pingdomの調査によると、訪問者の38％が読み込みに5秒以上かかったウェブサイトを離れました。

全体として、ページの読み込み時間が短縮されると、検索エンジンのランキングが向上し、より多くのページビューとコンバージョンが生成されます。 さらに、ユーザーエクスペリエンスの向上につながります。

次に、ページの読み込み時間を測定するために使用できるいくつかのツールを確認してみましょう。

ページ速度を測定する方法は？

Webサイトを高速化するためのさまざまな手法を確認する前に、まず一歩下がって現在の状況を評価する必要があります。 これは、Webサイトを最適化するために必要な量を理解するのに役立ちます。

最適化の前にWebサイトをテストすると、将来のテスト結果を比較するためのベンチマークも提供されます。 それでは、ニーズ、予算、テクノロジーに応じてWebサイトを評価するのに役立ついくつかのテストツールを見てみましょう。

GTmetrix

GTmetrixは、WordPressWebサイトのパフォーマンスを評価するための無料のWebベースのツールです。 GTmetrixホームページにアクセスし、URLを入力してWebサイトをテストするだけです。 無料版ではテストサーバーのリージョンとブラウザの設定を設定できませんが、有料版ではより詳細な制御と履歴の維持が可能です。

GTMetrixの結果

GTmetrixは、次の3つの主要なメトリックを返します。

  • ページの読み込み時間
  • 合計ページサイズ
  • HTTPリクエストの総数

このガイドでは、これらすべてのメトリックを最適化する方法について説明します。

PageSpeed Insights

PageSpeed Insightsは、Google Developersによる無料のWebベースのツールで、Webサイトのパフォーマンスを評価できます。 テストを開始するには、URLを入力するだけです。

PageSpeedInsightsの結果

PageSpeed Insightsの主な製品は、モバイルデバイスに焦点を当てることです。 Webサイトは、モバイルデバイスとデスクトップで大幅に異なる動作をする場合があります。 テストを実行するデバイスを制御することはできませんが、このツールが提供するベンチマークは、全体的な最適化に役立ちます。

WebPageTest

WebPageTestは、Webサイトのパフォーマンスをテストするための無料のオープンソースツールです。 これにより、テスト環境をより細かく制御できます。

WebPageTestのテスト結果

テストを実行するデバイスと場所を決定できるだけでなく、ステップバイステップのテストを作成して、Webサイトのカスタムメトリックを生成することもできます。

Webサイトの速度を特定するのに役立つツールについて簡単に説明したので、WordPressサイトを高速化する方法を見てみましょう。

1.高速ウェブホストを選択します

訪問者がWebサイトのページにアクセスすると、ブラウザはそのページを表示するようにサーバーに要求を送信します。 サーバーが応答するのにかかる時間は、サーバーが待機する必要がある時間に大きく影響します。 Webサイトの効率に関係なく、Webサーバーのパフォーマンスは、訪問者の要求を処理する速度を決定的に決定します。

ホストを選択する前に、まず探しているホスティングのタイプを選択する必要があります。 共有ホストのパフォーマンスが比較的遅いことに満足していますか、それとも専用の専用のWordPressホスティングが必要ですか？ 選択は通常、コストと速度の間のトレードオフです。

WordPressの最速のホストを選択するための完全なガイドは次のとおりです。 要するに、予算にやさしいが信頼できるソリューションを探しているなら、SiteGroundをお勧めします。 最高のパフォーマンスと予算がそれほど問題にならないようにしたい場合は、KinstaのマネージドWordPressホスティングを試してみてください。

2.軽量で柔軟なテーマを使用する

WordPressサイト用に選択したテーマは、ページの速度に大きく影響します。 ほとんどのサイト所有者はパフォーマンスのためにWordPressテーマを変更しないため、効率的で読み込みが速いテーマを選択することが重要です。

一般的な経験則では、要件に応じて、最小限の機能を備えた軽量のテーマを選択します。 最速のWordPressテーマのコレクションを検討して、ハントを開始することができます。

シドニー代理店スターターサイト

決定できませんか？ 次に、シドニーをチェックすることをお勧めします。これは、最新のデザイン要素と多数のカスタマイズオプションを組み合わせた無料の軽量WordPressテーマです。

3.プラグインを賢く使用する

WordPressの成長は、プラグインを開発および保守しているコミュニティに起因すると考えられます。 プラグインはWordPressの機能を拡張して、さらに多くの機能を実現します。 想像できるあらゆるタスク用のプラグインを見つけることができますが、Webサイトの動作に絶対に必要なプラグインのみを選択的に使用することをお勧めします。

各プラグインはWordPressサイトの複雑さを増すため、各プラグインを評価するためにWebサイトを定期的に監査することをお勧めします。 不要なプラグインをすべて非アクティブ化または削除してください。

プラグインが互いに競合していないか、またはテーマと競合していないかどうかも確認する必要があります。 ヘルスチェックとトラブルシューティングWordPressプラグインのサイトヘルス機能は、プラグイン間の潜在的な競合をチェックするのに役立ちます。

4.WordPressデータベースを最適化する

WordPressアプリケーションは、サイト関連のすべてのデータをバックグラウンドで保存するデータベースに接続します。 データベースには、基本的に、投稿、ページ、ユーザー登録、コメント、設定など、Webサイトのすべてのコンテンツが保存されます。

誰かがあなたのウェブサイトにアクセスすると、データベースからデータを取得してページや投稿を表示しているだけです。 ただし、コメント、賛成、購入などのユーザーアクションは、データの生成につながります。 WordPressは、投稿に加えたリビジョンも自動的に保存します。

データベースとWordPressサイト間の要求応答時間は、2つの理由で増加する可能性があります。 まず、データベースのサイズが大きくなると、これらのクエリの実行に時間がかかります。 次に、データの入力と削除のサイクルによってデータベースが断片化する可能性があるため、データベースのさまざまな部分をファイルシステム内のさまざまな場所に保存できます。

したがって、スパムや未承認のコメント、投稿の改訂、ゴミ箱に入れられた投稿などの不要なデータを削除することで、データベースを無駄のない状態に保つことは理にかなっています。 WP Optimizeは、古い冗長データを削除してデータベースを最適化することにより、WordPressデータベースを最適化できるプラグインです。

5.CDNを使用してリソースを提供する

コンテンツ配信ネットワーク（CDN）は、世界中の戦略的な場所に配置されたサーバーのグループで構成されています。 これは、リソースのダウンロード時間はクライアントとサーバー間の物理的な距離に依存するという前提に基づいています。

HTTPアーカイブによる簡単な分析によると、2020年の一般的なWordPressサイトのページの重量は約2.3 MBです。このページの重量の大部分は、画像（1.2 MB）、フォントとスタイルシート（280 KB）、およびスクリプト（470 KB）で構成されています。 ）。

これらのリソースを世界中のCDNサーバーに保存すると、世界中のどこからでも訪問者が最も近いサーバーからリソースをロードできる可能性があり、Webページのロード時間が短縮されます。 サイト所有者向けの費用効果の高いCDNソリューションであるKeyCDNをチェックすることをお勧めします。

6.画像をWeb用に準備する

クライアントへの主要なリソースの配信を最適化するためのCDNの使用について説明しましたが、リソースも最適化するために少し時間を取ってみましょう。 画像はペイロードのほぼ半分を占め、多くの場合、Webページのデザインの重要なコンポーネントとして機能します。 したがって、パフォーマンスのために画像を最適化するために、いくつかのベストプラクティスに従うことをお勧めします。

衛生チェック

まず、画像を正しいサイズでアップロードする必要があります。 たとえば、AboutUsページとファビコンの両方に同じサイズのロゴを使用することはあまり意味がありません。 ファビコンのサイズは大幅に小さいため、ロゴのサイズを変更して、小さいバージョンをアップロードする必要があります。

次に、適切な画像タイプも使用する必要があります。 たとえば、JPG画像は、色のバリエーションが多い写真やその他の複雑な画像に最適です。 一方、PNG画像は、スクリーンショットなどのカラーバリエーションが少ないグラフィックスに適しています。 最後に、SVG（Scalable Vector Graphic）は、ロゴなどの単純な幾何学的形状で構成される画像に最適です。

画像の最適化

投稿用の画像を作成したら、それらも最適化するようにしてください。 画像の最適化とは、基本的に画像を圧縮してWebに適したものにすることを意味します。 それらをローカルで最適化するか、目的に応じてプラグインを使用することができます。

アップロードされたすべての画像を処理するWordPressプラグインが必要な場合は、画像をリアルタイムで最適化するフリーミアムのWordPressプラグインであるImagifyを使用できます。 また、デスクトップアプリを使用して画像をアップロードする前に最適化する場合は、ImageOptimを試してみてください。

最高のWordPress画像最適化プラグインのまとめもチェックできます。

遅延読み込み画像

遅延読み込みは、ビューアがページを下にスクロールしているときに画像がブラウザのビューポートに入ったときにのみ、画像のフルバージョンをダウンロードするプロセスです。 この画像最適化手法は、Webサイトの所有者と閲覧者の両方にとって貴重な帯域幅を節約します。 さらに、ペイロードのかなりの部分のダウンロードを遅らせることにより、ページの読み込み時間を短縮します。

レイジーロードを有効にするプラグインがありますが、WordPressがそれをコア機能として追加することも検討していることは注目に値します。

7.静的ファイルを効率的に管理する

画像に加えて、スタイルシートとスクリプトはWebページのペイロードのかなりの部分を占めています。 それでは、これらの静的ファイルをビューアに効率的に提供する方法を見てみましょう。

まず、スタイルシートとスクリプトを縮小して、リソースのサイズを減らすことができます。 縮小化のプロセスには、実行に必要のないファイルの部分を削除することが含まれます。 これらには、空白、コメント、および未使用のコードが含まれます。

Minifierなどのサービスを使用して、リソースを手動で縮小できます。 ただし、WordPressサイトの場合、WP Super Minifyなどの縮小プラグインを使用して、サイト上のすべてのリソースを一度に縮小することで時間を節約できます。

次に、いくつかのスタイルシートとスクリプトを非同期でロードできます。 その場合、必須ではないリソースを読み込んでもページのレンダリングは停止しません。 これは、WordPressでJavaScriptの解析を延期する方法に関するチュートリアルです。

最後に、GZIP圧縮を有効にして、リソースをさらに圧縮できます。 GZIP圧縮は、サーバーが圧縮ファイルをブラウザーに送信する手法であり、ダウンロードが完了すると解凍されます。 GZIP圧縮は、プラグインのキャッシュ（以下で説明）の一般的な機能でもあります。

8.HTTPリクエストを最適化する

ペイロードについては広範囲にわたって説明しましたが、それらをクライアントに送信する方法についても説明する必要があります。 パフォーマンス評価ツールによってフラグが立てられた多くの問題がHTTPリクエストに関連していることに気づいたかもしれません。 一般的な指標には、ウェブページに含まれるHTTPリクエストの数、リダイレクトに関連するリクエストの数、すべてのリソースをダウンロードするためにブラウザが実行する必要のあるDNSルックアップの数が含まれます。

HTTPリクエストの数を減らす簡単な方法の1つは、類似したファイルを結合することです。 たとえば、Webサイト用に単一のCSSスタイルシートが必要です。 すべてのカスタムスクリプトも1つのファイルにまとめる必要があります。 HTTPリクエストの数が減ると、ページの読み込み時間も減ります。 ミニファイアプラグインを使用する場合は、類似したファイルの結合を処理するプラグインを選択してください。

HTTPリクエストを最適化するために、DNSルックアップの数を最小限に抑えることもできます。 ブラウザが新しいドメイン名でホストされているリソースに遭遇するたびに、対応するIPアドレスを取得するためにDNSルックアップを実行する必要があります。 リソースを単一のドメインに保存すると、DNSルックアップを減らすことができます。 CDNを使用して静的ファイルを提供する場合、DNSルックアップの数はすでに最小化されています。

最後に、静的リソースのリダイレクトの数も最小限に抑える必要があります。 リダイレクトは、リソースの元の場所が新しい場所を指しているときに発生します。これは、基本的に、ブラウザーがリソースを取得するために新しい要求を行う必要があることを意味します。

9.WordPressでキャッシュを有効にする

キャッシングは、ページの一部を一時的な場所に保存して、訪問者にすばやく提供するプロセスです。 キャッシュを使用すると、サーバーの帯域幅を節約し、ページの読み込み時間を短縮できます。

WordPressサイトのキャッシュプラグインを選択するときは、セットアップが簡単で、簡単な設定でパフォーマンスが向上するプラグインを選択してください。 専門知識がある場合は、詳細設定にアクセスして、速度の利点をさらに引き出す必要があります。

最高のWordPressキャッシングプラグインをテストして比較しました。 WPロケットは私たちのテスト結果で勝者になりました。

10.WordPressとPHPを最新の状態に保つ

WordPressとPHPは、活発に開発されている人気のあるソフトウェアです。 新機能、バグ修正、セキュリティパッチ、パフォーマンスの改善などの拡張機能が毎日組み込まれています。

したがって、これらの機能強化に対応するには、WordPress、プラグイン、およびPHPを最新バージョンに更新することが不可欠です。 ただし、更新を開始する前に、WordPressサイトの現在のバージョンをバックアップしていることを確認してください。

概要

このガイドでは、最初に、サイト所有者が検討して最適化するためにページ速度が重要である理由について説明しました。

次に、あなたのウェブサイトがどれほど優れているか、そしてどのようにあなたがそのパフォーマンスを改善することができるかを評価するいくつかの人気のあるツールを見ました。

最後に、十分に高速なWebホストの使用から、PHPとWordPressの定期的な更新まで、WordPressサイトを高速化するための最も重要な手法について説明しました。

WordPressサイトを高速化するために別の手法を使用していますか？ 以下のコメントでお知らせください。