WordPressウェブサイトの速度を改善するための10のヒント

公開: 2018-04-01

WordPress ウェブサイトの速度

ウェブサイトの速度 – ほとんどの開発者や SEO が改善したいと考えている主要な要素の 1 つです。 ちょうど今週、Google は、ウェブページの読み込み速度が新しいモバイル ファースト インデックスの大きなランキング要因になると発表しました。

この記事によると、ウェブページの読み込み速度はページ放棄の直接的な原因であり、わずか 4 秒後に 25% が放棄されており、Google アナリティクスで観察できます。 モバイル ユーザーを考慮すると、ページの読み込み速度も悪影響を及ぼします。DoubleClick by Google によると、モバイル ユーザーの 53% は 4 秒後にページを放棄しています。

そこで今週、WordPress ウェブサイトの速度を改善するためのヒントと方法をいくつか紹介することにしました。

1. テストを実行する

高速化のために Web サイトの最適化を開始する前に、テストを実行して Web サイトの現在のパフォーマンスを確認し、必要な改善レベルを適切に示すことをお勧めします。

Google Developers の PageSpeed Insights は、ウェブサイトにデスクトップとモバイルの両方で 100 点満点の最適化スコアを与えます。 これは、ウェブサイトの速度がどれだけうまく機能しているかを確認するのに最適な方法であり、改善が必要な場所に関する情報の断片も提供します.

ページ速度の洞察

実行を検討できるもう 1 つのテストは、WebPageTest です。 このテストでは、最初のバイトまでの時間など、Web サイトの読み込み方法に関する大量の詳細な詳細が得られ、特定のリソースの読み込みにかかる正確な時間が示されます。

Web ページのテスト Web サイトの速度

2. 縮小と結合 (HTML、CSS、JavaScript)

WebPageTest の結果が得られると、HTML、CSS、JavaScript ページなどの追加のリソース ページを使用するために Web サイトによって行われたリクエストの数を確認できます。

ここでの目的は、これらのファイルを小さくし、それらを組み合わせてその数を減らすことにより、その数を可能な限り減らすことです。

このプロセスは、Divi や Elementor などのページ ビルダーを使用している場合に特に重要です。これらのビルダーは、ファイル内に不要なコード、空白、および不要な書式設定のスニペットを残すことがあります。

これを行う簡単な方法は、WP Fastest Cache などのプラグインをインストールすることです。 このタイプのプラグインの設定では、縮小オプションと結合オプションの両方を選択する必要があります。

HTML CSS Webページの速度を縮小する

3. 最初のバイトまでの時間を最小限に抑える

最初のバイトまでの時間または TTFB は、基本的に、サーバーがリクエストを受信して​​最初のバイトの情報をブラウザに送り返すのにかかる時間の測定値です。

開発者ツールまたは DevTools は、Google Chrome に組み込まれた Web オーサリングおよびデバッグ ツールのセットです。 DevTools は、Web 開発者がブラウザーとその Web アプリケーションの内部に深くアクセスできるようにします。

開発者ツールを使用する場合、応答時間はインターネット接続の影響を受ける可能性があることに注意してください。 したがって、自分の接続が遅いほど、サーバーの応答が遅くなります。

TTFB が 200 ミリ秒未満であれば、すべて問題ありません。 そうでない場合は、その時間を短縮するために解決すべきいくつかの異なる問題がある可能性があります.

動的コンテンツの作成とサーバー構成は、TTFB を削減しようとする場合に制御可能な 2 つの要素です。 WordPress を使用すると、ページが動的になる可能性が高くなります。 これは、ping が返される前に、PHP を使用してさまざまなファイルから「構築」されるデータベースと対話する必要があることを意味します。

サーバーの応答時間を短縮し、キャッシュを有効にすることは、この記事の後半で説明するこれらの問題に対する 2 つの修正です。

4. サーバーの応答時間を短縮する

ページの読み込み速度を左右する最大の要因の 1 つは、DNS ルックアップにかかる時間です。

ドメイン ネーム システム (DNS) は、IP アドレスとそれに関連付けられたホスト名のデータベースを持つサーバーです。 ユーザーがブラウザに URL を入力すると、DNS サーバーがその URL を IP アドレスに変換し、オンラインの場所を示します。

低速の DNS プロバイダーを使用している場合、ブラウザーがサイトを見つけるのにかかる時間が長くなります。 より高速な DNS プロバイダーに切り替えると、プロセスが高速化されます。

現在の DNS プロバイダーが不明な場合は、MX Toolbox の DNS ルックアップ ツールを使用して調べることができます。

5. 適切なホスティング オプションを選択する

一部のホスティング プロバイダー パッケージは速度が制限されています。ホスティング プロバイダーが対応しているかどうか、または現在のサブスクリプションを制限しているかどうかを確認することをお勧めします。

ホストが十分な速さのサービスを提供していないことがわかった場合は、サービスを変更する前にホストに連絡することをお勧めします.これにより、同じホスティングプロバイダーからの無料月またはより安価なサービスにつながる場合があるため.

速度をテストし、現在のホスティング プロバイダーが Bitcatcha でどの程度うまく機能しているかを評価できます。

6.ブラウザのキャッシュを有効にする

Web サイトにアクセスすると、アクセスしたページの要素がハード ドライブのキャッシュまたは一時ストレージに保存されます。これにより、ブラウザーは、サーバーに別の要求を送信して Web サイトを読み込む代わりに、ローカル ストレージからページを読み込むことができます。

ブラウザーのキャッシュを有効にする簡単な方法は、WP Fastest Cache などのプラグインを使用することです。 ブラウザのキャッシュを有効にするには、次の手順に従います。

  • 「WP Fastest Cache」WordPress プラグインをダウンロードしてインストールします。
  • WP Fastest Cache プラグイン設定に移動します。
  • [ブラウザ キャッシュ] チェック ボックスをクリックし、[送信] ボタンをクリックします。
  • その後、「オプションが保存されました」というメッセージが表示されます。

キャッシュを有効にする

WP Fastest Cache では、キャッシュ システム オプションが有効になると、動的な WordPress Web サイトを構成する php および mysql データベース ファイルから静的な html ファイルが作成されます。

Web サイトに多数の訪問者がいる場合、システムはページをレンダリングするために大量の RAM と CPU を使用する必要があり、多くのユーザーの読み込み速度が遅くなる可能性があります。

キャッシュ システムを有効にすると、サーバーは php および mysql ファイルを呼び出す必要がなくなり、静的な html ファイルに依存します。

これが完了すると、ウェブサイトの速度がほぼ瞬時に改善されたことに気付くはずです。

7. 画像サイズ

Web サイトに含まれる画像ファイルのサイズは、ページの速度を上げる際に考慮すべき大きな要素です。 高解像度の画像を使用すると、Web ページの全体的なサイズが大きくなり、Web サイトの速度が遅くなる可能性があります。

推奨される画像サイズは 100KB または 0.1MB 未満であるため、画像はすばやく読み込まれます。つまり、このサイズを超える画像は 100KB 以下に圧縮する必要があります。

これは、プラグインやウェブサイトを使用して簡単に行うことができます。これにより、画像圧縮が可能になりますが、ウェブサイトをアップロードまたは作成する前に画像を圧縮するのが最善であるため、Photoshop を使用してこれを行う方法を学ぶことは興味深いかもしれません.

Photoshop を使用する知識がない場合は、CompressJPEG または CompressPNG のオンライン圧縮サービスを使用することをお勧めします。

8.圧縮を有効にする

ファイルが小さいほど、ページの読み込みが速くなります。 圧縮ファイルはロード時間を短縮する最も簡単な方法の 1 つであり、現在では Gzip による圧縮を有効にすることが標準的な方法と考えられています。

WordPress Fastest Cache は GZIP 圧縮も可能にします。これはブラウザーのキャッシュを有効にするのと同様です。このオプションを有効にすると、Web サイトの速度が大幅に向上します。

サイトで Gzip が有効になっているかどうかわからない場合は、Check GZIP Compression を使用できます。 サイトの URL を入力するだけで、Gzip が有効になっている場合は、次のように表示されます。

GZIP 圧縮を確認する

9. 外部のホスティング プラットフォームを使用する

外部ホスティング プラットフォームを使用して大きなファイルをオフサイトでホストすることも検討する方法の 1 つです。動画ファイルなどはかなりのサイズになり、Web サイトの速度に大きな影響を与える可能性があるためです。

ビデオをウェブサイトに直接アップロードする代わりに、YouTube や Vimeo などの外部ホスティング プラットフォームを使用し、それらの HTML コードを使用してビデオをサイトに埋め込みます。 この方法は、多くのスペースを節約し、圧縮されたビデオ ファイルの代わりに高解像度を可能にします。

10. CDN を使用する

サーバーに Web サイトをプルアップするように要求すると、その要求はインターネットを介して Web サイトをホストしているサーバーの場所に送信され、要求された情報をサーバーに送り返すように指示されます。

トラフィックのピーク時には、多数のリクエストが行われるため、サーバーの応答時間が遅くなる可能性があります。これは、ビジネスの成長の可能性が高い時期には理想的ではありません。

CDN (コンテンツ配信ネットワーク) を使用すると、ウェブサイトがサーバーのグローバル ネットワークにキャッシュされます。つまり、リクエストが行われるたびに、ウェブサイトがキャッシュされている最も近いサーバーにルーティングされます。 基本的に、すべてのグローバル要求が 1 つのサーバーに対して行われるのではなく、さまざまな国またはロケールに含まれるサーバー間で情報を分割しました。

上記の手順に従うと、Web サイトの速度に顕著な違いが見られます。 上記のテストを再実行し、結果を比較して、改善の明確な指標を確認します。

追加情報が必要な場合、または変更の実装に問題がある場合は、WordPress Web 開発でさまざまな WordPress サービスを確認できます。