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

公開: 2019-11-21

目次

SEOのために速いウェブサイトが不可欠であるだけでなく、それはあなたのウェブサイトのコンバージョン率にとっても非常に重要です。

誰かがあなたのサイトにアクセスし、それが遅すぎる場合、彼らは離れて次のサイトにアクセスする可能性があります。

そのため、高速のWordPress Webサイトを用意することは、Webサイトを成功させるために不可欠です。 WordPress Webサイトの読み込みに6秒以上かかる場合は、今すぐ読む必要があります。

このガイドでは、WordPress Webサイトを高速化し、バウンス率を下げて、より多くのトラフィックとコンバージョンを獲得する方法を紹介します。

なぜ速いウェブサイトを持つことが重要なのか

あなたがあなたのウェブサイトを速く燃え上がらせたい理由はたくさんあります。

最も重要な理由の1つは、遅いWebサイトがあると、Webサイトでのコンバージョンが減少することです。 あなたが製品、サービスを販売している、またはあなたがブログであるかどうかにかかわらず、あなたのウェブサイトが遅い場合、人々は去ります。

タイトンメディアによると:

「ウェブサイトが3秒以上読み込まれると、40%の人がウェブサイトから離れてしまいました。」

つまり、Webサイトは少なくとも4秒で読み込まれる必要があります。そうしないと、訪問者の半分以上が失われます。

https://wpseoexperts.com/yoast-seo-tutorial-for-beginners/

それが非常に重要であるもう一つの理由はSEO(検索エンジン最適化)です。

グーグルで上位にランクされ、グーグル検索からの有機的なトラフィックの負荷を得るには、あなたは本当に速いウェブサイトを持っている必要があるでしょう。

Googleは、ウェブサイトのユーザビリティとユーザーエクスペリエンスを検索エンジンのランキングシグナルと見なしているため、オーガニックトラフィックがあまり見られない場合は、これが理由である可能性があります。

したがって、WordPress Webサイトの速度を上げるには、これらの戦略を実装することが非常に重要です。

無料のワードプレスSEO分析

WordPress Webサイトへのトラフィックを増やしたいですか? 無料のWordPressSEO分析を利用して、トラフィックを改善し、オンラインでより多くの売り上げを獲得する方法をご覧ください。

あなたのウェブサイトの速度を確認してください

何かをする前に、まずあなたのウェブサイトの現在の速度をチェックして、ベンチマークを得る必要があります。

あなたがあなたのウェブサイトの速度をテストすることを可能にするそこにたくさんの素晴らしいツールがあります。 Google Search Consoleには、Webサイトの速度に関する洞察を提供できる新しい領域もあります。

これがあなたのウェブサイトの速度をチェックするための最良のツールのリストです:

  • Pingdom
  • GTMetrix
  • Google検索コンソール
  • Google Pagespeed Insights

では、WordPress Webサイトで速度テストをどのように実行しますか?

これは、Pingdomを使用してWebサイトの速度をテストする方法の例です。

WordPress WebサイトのURLを入力し、その場所に最も近い場所を選択して、[テストの開始]をクリックするだけです。

pingdom speed test

それはあなたのサイトを実行し、ロードされた各リソースの詳細、それがかかる時間、そしてあなたの速度を上げる方法をあなたに与えるでしょう。

pingdom speed test results

あなたの理想的なウェブサイトの速度は5秒未満でなければなりませんが、2〜4秒に達することができればあなたは安全な側になります。 WordPress Webサイトの速度が遅いと、バウンス率が高くなる可能性があるため、高速であることを確認してください。

あなたのウェブサイトがあなたがおそらくあなたのホスティングプロバイダーを見る必要があるよりも速くならないなら。

高速ホスティングを取得

ほとんどの新しいウェブマスターは、最も安価なホスティングオプションを選択するだけですが、これは実際には長期的には本当にひどい傷を負う可能性があります。

あなたはグーグルの最初のページで遅いウェブサイトに出くわしたことがありますか? 答えはノーだ!

Googleは、優れたユーザーエクスペリエンスを提供し、検索者に高速で読み込まれるWebサイトをランク付けしています。

安価なホスティングサイトは、数百または数千もの他のWebサイトとの共有サーバーにWebサイトを配置し、すべてがリソースを求めて戦います。 これにより、共有サーバー上のすべてのサイトの読み込みが遅くなる可能性があります。

では、WordPressに最適なホスティングサイトはどれですか?

WordPressホスティングガイドから、WordPress用の最速で手頃なホスティングプラットフォームは次のとおりです。

ホスト価格稼働時間評価
Bluehost $ 7.95 99.9% サインアップ
WPEngine 29.00ドル99.9% サインアップ
Hostgator $ 9.95 99.9% サインアップ
サイトグラウンド9.99ドル99.9% サインアップ
A2ホスティング9.99ドル99.83% サインアップ
GreenGeeks $ 9.95 99.9% サインアップ
Dreamhost $ 4.95 99.98% サインアップ
動いている7.99ドル99.9% サインアップ
Site5 8.95ドル99.9% サインアップ

これらのホスティングプロバイダーのいずれかを使用すると、ビジネスとともに成長できる高速読み込みのWebサイトを利用できます。

一般的な経験則では、支払う金額が多ければ多いほど、速度が上がるので、WordPressホスティングを軽視しないでください。

プラグインを減らす

WordPress Webサイトにインストールされているプラ​​グインが多いほど、取得が遅くなります。

各プラグインには、独自の依存関係、javascript、およびロードに時間がかかるその他のリソースがあります。 そのため、WordPress Webサイトを高速化するには、サイトに最小限のプラグインをインストールすることが不可欠です。

ほとんどのプラグインは、プラグインをインストールしなくても、WordPressWebサイトに簡単にインストールまたはセットアップできます。

最も合理化された最速のWebサイトを探している場合は、プラグインを使用せずにWordPress開発者に必要な機能を設定してもらい、サイトの速度を低下させないようにします。

サイトから不要なプラグインを削除するには、プラグインページに移動し、[非アクティブ化]、[削除]の順にクリックします。

uninstall and delete wordpress plugin

不要になった、または使用しなくなったプラグインをすべて削除します。

違いをベンチマークできるように、サイトの速度を前後にテストしてください。 かさばるプラグインをいくつか削除すると、WordPressWebサイトの速度が大幅に向上することに驚かれることでしょう。

画像を最適化する

読み込みが遅いページの最大の原因の1つは、大きくて最適化されていない画像です。

ページに大きな画像が多すぎると、読み込み時間が2〜3秒以上長くなる可能性があります。

Webサイトに大きな画像を追加すると、通常、ユーザーの画面に合わせて縮小され、画像の読み込みが遅くなり、とにかく縮小されます。

WP Smushなどのプラグインを使用して、Webサイトの画像のサイズを縮小し、読み込み時間を増やすことができます。

smush image compression wordpress

プラグインをインストールしてアクティブ化し、設定ページに移動します。 左側のサイドバーで[スマッシュ]タブを探すとわかります。

約5ステップの簡単なセットアップウィザードが表示されます。 ウィザードの各ステップですべての機能を有効にしてから、セットアップウィザードの終了をクリックするだけです。

finish setup smush image plugin

それが完了すると、ダッシュボードページに移動し、画像のスマッシュを開始できます。 [今すぐバルクスマッシュ]ボタンをクリックして、画像のスマッシングを開始します。

bulk smash running

画像の数によっては、最大30分かかる場合があります。 実行中は、すべての画像を圧縮した後、どれだけのスペースが節約されたかを確認できます。

bulk smash savings

さらに節約したい場合、または1クリックで50を超える画像を粉砕する必要がある場合は、Proバージョンにアップグレードする必要があります。 しかし、一度に50枚の画像を壊すだけで十分です!

画像が圧縮されたので、他の人があなたの画像を使用したり、リソースを使い果たしたりするのを防ぐ必要があります。

ホットリンクを無効にする

カスタム画像を作成してオンラインでアップロードすると、他の誰かがあなたの画像を見つけて自分のサイトで使用する可能性があります。 画像を自動的にインデックスに登録し、サイトでホストするWebサイトもあります。

これはホットリンクと呼ばれ、サーバーに負荷がかかり、自分のWebサイトの読み込み時間が短縮されます。

他のユーザーが画像をホットリンクできないようにするには、FTPまたはcPanelファイルマネージャーを使用して、.htaccessファイルに小さなコードを追加する必要があります。

サイトでホットリンクを無効にするコードは次のとおりです。

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?: //(www \。)? //(www\.)?wpseoexperts.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?: //(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

.htaccessファイルに貼り付けるだけで、設定は完了です。

注:必ずwpseoexperts.comを独自のドメイン名に変更してください。

キャッシングをインストールする

キャッシュは、WordPressWebサイトの読み込み時間を短縮するもう1つの優れた方法です。

キャッシングは複雑に聞こえますが、非常に単純です。 キャッシュを使用すると、誰かが特定のページにアクセスしたときに、ページの単純なHTMLバージョンが作成されます。 他の人がそのページにアクセスしたとき

これにより、ページがロード時間を増やす可能性のあるデータベースやその他のリソースを呼び出す必要がないため、ロード時間が短縮されます。

キャッシュの設定は、思ったほど難しくはありません。 まず、W3TotalCacheというプラグインをインストールする必要があります。

w3 total cache wordpress

プラグインをインストールしてアクティブ化すると、WordPress管理領域の左側のサイドバーに「パフォーマンス」という新しいタブが表示されます。

[一般設定]リンクをクリックすると、いくつかのキャッシュ機能を有効にしてWebサイトの速度を上げることができます。

w3 total cache settings

まず、ページキャッシュを有効にします。

w3 total cache page cache

ページキャッシュ方式の場合、サーバーで[ディスク:拡張]またはいずれかのオペコードオプションを有効にしている場合は、それらを選択する必要があります。 これらを有効にするには、ホスティングプロバイダーに連絡する必要がありますが、Disk:Enhancedだけで大幅な速度の向上が見られるはずです。

次に、ブラウザキャッシュも有効にします。

w3 total cache browser cache

これにより、HTTP圧縮と有効期限ヘッダーが有効になり、ページのサイズが小さくなり、ページの読み込みが速くなります。

縮小化を有効にすることで、サイズをさらに小さくすることができます。

コードを縮小する

次に、HTML、CSS、およびJSを縮小します。

縮小とは何ですか?

それは基本的にそれがどのように聞こえるかです。 コードを縮小すると、すべてのコードが結合され、空白やその他の冗長性が削除され、すべてが小さなファイルにまとめられます。

これにより、ファイルサイズが小さくなり、読み込み時間が短縮されます。

W3 Total Cacheの次のセクションには、[縮小]ボックスがあります。

ここで、 Minifyを有効にする必要があります。

w3 total cache minify settings

デフォルト設定はすべて問題なく、サイトのデザインを台無しにする可能性があることを警告するポップアップが表示されるので、[設定を保存してキャッシュを削除]をクリックした後に必ず確認してください。

これにより古いキャッシュが削除されるため、最新の新しいページが提供されます。 サイトが正常に見える場合は、問題なく実行でき、すべてのコードを縮小する必要があります。

Webページを右クリックし、[ソースの表示]をクリックして確認できます。 これにより、WordPressWebサイトのソースコードが表示されます。 そのはず

CDNを設定する

CDNは、コンテンツ配信ネットワークの略です。

これは基本的に、画像、CSS、JSなどのメディアをホストし、独自のサーバーにアップロードを解放してパフォーマンスを向上させるサーバーです。

Webサイトの速度を上げるために使用できる本当に素晴らしいCDNがいくつかあります。 WordPressに最適なものをいくつか紹介します。

  • Cloudflare
  • Amazon CloudFront
  • StackPath

CDNを設定するには、以前使用していたW3TotalCacheを使用してサイトをキャッシュします。

[一般設定]タブに移動し、下部にある[CDN]セクションに移動します。 W3 Total Cacheに直接統合できる最も人気のあるCDN(上記のものを含む)をすべて選択できるドロップダウンがあります。

[ CDNを有効にする]をクリックします。

w3total cache cdn settings

次に、使用することを決定したCDNを選択します。 StackPathを使用してCDN側で設定する方法を紹介します。

StackPath.comにアクセスして、アカウントを作成するだけです。 これで、CDNをオンラインにしてサイトに接続するための、簡単なセットアップウィザードが実行されます。

最初のステップで、Webサイトとアプリケーションサービスを選択します。

stackpath cdn

手順2で、CDNオプションを選択します。

choose cdn stackpath

ステップ3では、CDNをインストールするWordPressWebサイトのURLを入力するように求められます。

choose a site stackpath

今のところ、アップグレードについて心配する必要はありません。 基本的なCDNをインストールするだけで、速度が大幅に向上します。 次のステップでは、ホスト名/IPアドレスを確認するように求められます。 ここでは何も変更する必要はないので、[続行]をクリックします。

stackpath origin

これで、StackPathは新しいエッジアドレスを返します。 これは、CDNでホストされているすべてのファイルが配置されるルートドメインです。 [続行]をクリックして、CDNセットアッププロセスを完了します。

stackapth edge address

次に、このサービスをWordPressWebサイトに接続するためにWordPressに入れることができるいくつかのAPIクレデンシャルを作成する必要があります。 右上隅にあるプロファイルをクリックし、[API管理]を選択します。

[クレデンシャルの生成]ボタンをクリックして、新しいAPIキーとシークレットを作成します。

generate api creds stackpath

これにより、WordPressのW3TotalCacheに入力する必要のあるクライアントIDとAPIクライアントシークレットが生成されます。

api credentials stackpath

したがって、WordPress管理エリアに戻り、CDN構成のW3TotalCache設定に戻ります。

[承認]ボタンをクリックすると、StackPathで生成したクライアントIDとAPIクライアントシークレットを貼り付けることができます。

config cdn options w3 total

[次へ]をクリックすると、WordPressWebサイトにCDNが設定されます。

wordpress cdn api creds

設定されているかどうかを確認するには、W3 TotalCacheの[TestStackPath]ボタンをクリックするか、Webサイトのページソースを表示して画像または外部リソースを探すことができます。

cdn installed stackpath

StackPathのエッジアドレスへのURLであることがわかります。 これは、CDNが正しくインストールおよびセットアップされていることを意味します。

画像に遅延読み込みを追加

画像の遅延読み込みを設定すると、WordPressWebサイトでのページの読み込み時間を短縮できます。

画面上で必要になるまでオブジェクトの初期化を延期する、成長するプラクティスの遅延読み込み。

通常、Webページが読み込まれると、Webページ全体が読み込まれ、それが提供されます。 遅延読み込みでは、画面に表示されている部分のみが読み込まれ、スクロールするまで他の要素が読み込まれるのを待ちます。

WordPressを使用すると、遅延読み込みの設定は非常に簡単です。

まず、WPRocketによるLazyLoadプラグインをダウンロードします。

lazy load by wp rocket plugin

遅延読み込みの設定は、WordPress管理エリアの[設定]->[遅延読み込み]にあります。 設定ページに移動して、遅延読み込みするアイテムを選択するだけです。 すべてのチェックボックスをオンにして、すべてを遅延ロードすることをお勧めします。

lazy load settings

以上です! WordPress Webサイトに遅延読み込みがインストールされ、サイトの速度が大幅に向上します。

投稿の改訂を制限する

デフォルトでは、WordPressは保存するたびに投稿とページを保存するので、何かを台無しにした場合に戻って変更を元に戻すことができます。

これは優れた機能ですが、多くの変更を加えると、大規模なデータベースが作成される可能性があります。

ブログ投稿に最大100のリビジョンを作成できるので、それがどのように制御不能になるか想像できます。

幸い、WordPressが保存するリビジョンの数を制限することができます。

あなたがしなければならないのはあなたのwp-config.phpファイルを編集して1行の簡単なコードを追加することです。 cPanelファイルマネージャーまたはFTPを使用してwp-config.phpファイルを編集し、次のコードを追加します。

define ( 'WP_POST_REVISIONS' , 3 ) ;

数を、最大保存したい投稿/ページリビジョンの数に変更します。 wp-config.phpファイルでのこの実装の例を次に示します。

wordpress wp config post revisions

以上です! 現在、WordPressは3つの投稿/ページリビジョンのみを保存し、これによりデータベースの多くのスペースが解放されます。

仕上げ

上記から必要なすべての最適化を行ったので、最終テストを実行して、速度がどれだけ向上するかを確認します。

Pingdomスピードツールを使用してwpseoexperts.comを実行し、ロード時間を1.52秒にしました。

pingdom speed after optimization

したがって、これらのメソッドを実行すると、速度が100%以上向上することがわかります。