WordPressサイトをスピードアップする方法は？ 完全ガイド2021

公開: 2021-09-27

あなたのWordPressサイトは遅いですか？ はいの場合、それに取り組む必要があります。

ああ、もしあなたのウェブサイトがかなり速くロードされるなら、それをさらに速くすることができます–ミリ秒ごとに文字通り違いが生じます。 私たちはあなたのサイトのパフォーマンスを測定し、それをほんの少し速くするために他に何かがあるかどうかを確認することができます。 しかし、それについては後で説明します。

Webサイトを大幅に高速化する方法を説明する前に、Webサイトの読み込みを高速化することの重要性を確立しようと思います。

サイトの速度は重要ですか？

ウェブサイトの読み込み速度は、優れた検索エンジンのランキングと優れたユーザーエクスペリエンスを確保するために非常に重要です。 Googleの検索アルゴリズムでは、ページランクを計算する際に、多くのパラメータの1つとしてページの読み込み時間が含まれていることは既知の事実です。 グーグルがサイトの速度について何を言っているのか、そしてそれがあなたのウェブサイトとあなたの聴衆のサイズにどのように影響するのかを見てみましょう。

グーグルのテイクオンスピード

グーグルで、彼らは悪いページ読み込み速度でウェブサイトまたはウェブページに伴う遅さを再現するための実験を作成しました。

Googleのチームは、サーバー側の遅延を挿入することで速度を意図的に低下させるシステムを作成することでこれを実現しました。これは、結果がブラウザに返される前とその間の処理時間を延長することを意味します。

ユーザーの観点からは、結果がゆっくり返されるか、ブラウザがそれらの結果を処理する能力が遅いかはそれほど重要ではありません。 実際には、ブラウザが低速でWebページではないことはわかりませんが、読み込みが遅いWebページを使用している場合と同じ効果が得られます。

ロード速度を100ミリ秒から600ミリ秒に下げることにより、検索数が0.2％から0.6％減少し、結果は4週間から6週間で平均化されました。 これらの結果の重要性に疑問を抱くかもしれません。

また、200ミリ秒の遅延にさらされたユーザーは、最初の3週間で0.22％少ない検索を実行し、次の3週間で0.36％少ない検索を実行したことも発見されました。 また、400ミリ秒の遅延で、同じ結果が最初と2番目の3週間で0.44％と0.76％の減少に続きました。 あなたが想像できるように、実行される検索の数におけるそのような影響は、グーグルのウェブ検索の規模を考えると非常に大きいです。

Googleとは別に、AOL、Microsoft、Bing、Shopzillaなどのいくつかの主要企業は、ウェブサイトをすばやく読み込むことの重要性を認識しています。 あなたはそれについてもっと読むことができます。

ウェブサイトの読み込み速度の問題–ユーザーエクスペリエンス

数字を忘れて、遅いウェブサイトを使うのはどれほど楽しいでしょうか？ あなたは何回遅いウェブサイトを訪問し、二度と訪問することを決して気にしませんでしたか？ それが眠りにつくとき、あなたは何回あなたのインターネット接続を呪ったことがありますか？ 遅いウェブサイトは楽しいものではありません。

「あなたのサイトをより速くする」ことに入る前に、それはどのくらい速く始まりますか？ 私たちを助けるためのいくつかのツールを見てみましょう！

あなたのウェブサイトの運賃はどれくらいですか？

現在のサイトのパフォーマンスを測定する必要があります。そうしないと、パフォーマンスの向上を測定できなくなります。 次のいずれかを使用できます。

  • GTmetrix
  • WebPageTest
  • PageSpeedツール

ウェブサイトを定期的に追跡するために、GoogleAnalyticsアカウントを介してラボでサイトのパフォーマンスにアクセスできます。 ウェブサイトをまだGAに追加していない場合は、追加する必要があります。 これらの方法とは別に、ほとんどのホスティングサービスは、基本的なページの読み込み速度情報へのアクセスも提供します。

それでは、Webサイトを高速化するためにできることを約12個見てみましょう。

1.ホスティングサービスの選択

サイトのパフォーマンスを向上させるためにできることは複数ありますが、そのような方法には制限があります。 ソフトウェアを微調整することは、サイトのパフォーマンスを最適化するのに役立つだけです。 しかし、実際には、最高のハードウェアに勝るものはありません。 共有ホスティングはトラフィックの少ないサイトのオプションですが、サイトのトラフィックが増えるにつれて、ハードウェアを拡張する必要があります。 仮想プライベートサーバー、専用ホスティング、マネージドホスティングは、高/中トラフィックサイトで使用されるオプションです。 専用ホスティングは、毎日何百万もの訪問がある最大のサイトのために予約されています。 VPSは技術的に熟達した人向けに設計されており、マネージドWordPressホスティングは、オンラインビジネスを運営する技術に精通していない人向けです。

予算が限られていると仮定すると、SiteGroundの共有ホスティングプランをお勧めします。 ほぼ100％の稼働時間、無料のドメイン名登録、無料の毎日のバックアップ、30日間の返金保証があり、スケーラビリティを提供します。

しかし、お金で買える最高のホスティングが必要な場合は、WPEngine –マネージドWordPressホスティングソリューションをお勧めします。 優れたサポートと一流のホスティングソリューションにより、非常に高速なWebサイトが作成されます。

WpEngine

WPEngineを使用している場合は、このパフォーマンスガイドの次の部分（キャッシュ）をスキップできます。 WPEngineはEverCacheを使用してサイトをキャッシュします。 マネージドWordPressホストを使用すると、サイトのパフォーマンスを管理することを忘れて、コンテンツの作成のみに集中できます（大部分は真実です）。

2.最高のキャッシングプラグインを使用する

（ホスティング会社が社内でキャッシュを提供しているマネージドWordPressホスティング以外のものを使用していると仮定します）

WPRocket

WP Rocketは、サイトの速度を最適化するために効率的に機能するプレミアムベストセラーキャッシュプラグインです。 私の意見では、WP初心者には少し複雑すぎるWPキャッシングプラグインがたくさんあります。 また、オプションの複雑さは、エキスパートおよび中級レベルのWPユーザーに適しています。 WPロケットは理解して使用するのはそれほど難しいことではありません。

WP Rocketは、ページキャッシュを実行して読み込み速度を下げ、キャッシュプリロードを実行して検索エンジンによるサイトのインデックス作成を支援し、画像はリクエストに応じてのみ読み込まれ（ページが最初に読み込まれるときではなく、下にスクロールするとき）、ファイル圧縮を実行してHTML、JS、CSSをに変換します。静的ファイルとプラグインはかなり開発者に優しいです。

トップ6のキャッシングプラグインに関する投稿を書いていたとき、私が得た結論の1つは、キャッシングプラグインを比較するのが非常に難しいということでした。 すべてのプラグインが少し異なり、すべてのプラグインを最適に構成するのは簡単ではありません。すべてのプラグインに同じ構成を設定しないと、プラグインを比較できなくなります。 代わりに、私は基本的に、読者に最も使いやすいと感じたプラグインを使用するように依頼しました。 また、フリーミアムや無料のキャッシュプラグインなど、より多くのオプションが必要な場合は、トップ6のキャッシュプラグインに関する投稿を読んでください。

詳細/ダウンロード

WPRocketを使用しない場合は、考慮すべき点がいくつかあります。 これは、キャッシングプラグインによって実行される関数の内訳です。 代替キャッシュソリューションがこれらすべての機能を提供していることを確認してください。 無料のキャッシュプラグインと1つまたは2つの他のプラグインを使用しない場合は、WPRocketの機能のほとんどを複製します。

無料のキャッシュプラグインは通常、次のことを実現します。

HTML、CSS、Javascriptを縮小する

空白、コメント、改行文字、およびコード内の冗長なもので、目的がなくても見やすくするものはすべて、サーバーと、サイトを要求しているサーバーにアクセスしようとするIPにとってはまったく役に立ちません。

無料のキャッシュプラグインを使用してこれらすべてのものを削除すると、サイトのパフォーマンスが向上します。

HTTPリクエストの数を最小限に抑える

サイトのサーバーに対して行われるリクエストの数を減らすことができます。 誰かがあなたのサイトにアクセスするたびに、彼らはあなたのウェブサイトのファイルを要求します。 これには、HTMLファイル、CSS、およびJSファイルが含まれます。 各ファイルタイプのファイルが複数ある場合は、個々のファイルごとにリクエストがサーバーに送信されます。

複数のサーバー要求を必要とするファイルの数が多いと、まったく効率的ではありません。 JSスクリプト、HTML、CSSファイルを組み合わせることでこれを減らすことができます。 無料のキャッシュプラグインで十分です。

PHPを静的HTMLに置き換える

PHPで完全にバイパスされ、ファイルがHTMLで提供されるスーパーキャッシュとも呼ばれます。 スーパーキャッシングはmod_rewriteを使用して実行され、サイトで利用できる最速のキャッシング方法の1つです。 PHPによって提供されるスーパーキャッシュされた静的ファイルと完全なHTMLで提供される静的ファイルの違いは認識できませんが、サイトが高速になります。 繰り返しますが、以前と同様に、HTMLによって提供されるスーパーキャッシュを実現するには、無料のキャッシュプラグインで十分です。

GZIP圧縮

コードを圧縮し、基本的にコードを含むテキストファイルを小さくします。 ウェブサイトのファイルは単純に圧縮されているため、帯域幅の使用量が減り、読み込み時間が明らかに短縮されます。圧縮されたファイルがブラウザ側で受信されると、簡単に読み取ることができます。 この機能は、W3TCのような無料のキャッシュプラグインによって実現できます。

ブラウザのキャッシュ

JS、CSS、画像などの静的コンテンツの場合、これらをダウンロードして訪問者のブラウザに保存できます。 これは、訪問者が最初にサイトにアクセスしたときにダウンロードされ、その後少なくともしばらくの間必要になるたびにブラウザのキャッシュから取得されます。 それ以外の場合は、再度ダウンロードする必要があります。

キャッシングにはプラグインの構成が含まれますが、これはWordPressにまだ慣れていない読者にとっては少し気が遠くなるかもしれません。 あなたにぴったりの無料のキャッシングプラグインを見つけるには、トップ6のキャッシングプラグインを参照してください。

無料のキャッシュプラグインは、遅延読み込みに役立たない場合があります。 また、無料のキャッシングプラグインの欠点を補うために、プレミアムキャッシングプラグインまたは他のプラグインが必要になります。 したがって、無料のキャッシュプラグインを使用する場合は、次の遅延読み込みプラグインの1つを組み合わせて使用​​することを検討してください。

テキスト、ビデオ、画像に遅延読み込みを使用する

画像の遅延読み込みにより、訪問者が下にスクロールして画面に入るときに画像を確実に読み込むことができます。 そうすることで、サイトの読み込み時間がかなり短くなります。画像は比較的データ量が多いためです。

一般に、遅延読み込みのキャッシュは、無料のプラグインではなく、プレミアムキャッシュプラグインに付随する機能です。 したがって、遅延画像の読み込みでプレミアムキャッシュソリューションを使用していない場合は、a3 LazyLoadを使用できます。

3.適切なフレームワークを選択する

フレームワークは、サイトの外観を構築し、最終的にコンテンツを表示するためのスケルトンを形成します。 優れたサイトパフォーマンスを確保するには、優れたフレームワークが重要です。 サイトの外観のデザインと変更に役立つテーマは、サイトの読み込み時間にも影響します。 かさばるフレームワークを備えた派手なマルチメディアリッチテーマは、高速なWebサイトにはなりません。

サイトの速度に関しては、Headway Themes、StudioPress（Genesis）、iThemesなどのテーマハウスは、強力で無駄のないフレームワークに基づいたテーマを作成します。 そして、このフレームワークに基づいて、特定のサイトタイプとニッチを対象とした色で塗りつぶされたテーマを作成します。 前述のテーマハウスの成功の大部分は、テーマを構築するWPフレームワークに起因する可能性があります。 前述のテーマハウスのフレームワークのいずれかをお勧めします。

必要になる可能性のあるフレームワークのより広範なリストについては、WordPressに最適な16のフレームワークのまとめをご覧ください。 また、将来的にはフレームワークとホスティングオプションのベンチマークを行い、速度に関してより良い状況を提供します。

4.CDNを使用する

CDNまたはコンテンツ配信ネットワークは、サイトのサーバーよりもはるかに近いサーバーの場所から、訪問者にWebサイトの静的ファイルをより速く配信するのに役立ちます。 これにより、通常は高速であるWebサイトがさらに高速に見えるようになります。 CDNは、訪問者がサーバーに到達するのではなく、キャッシュにアクセスすることを保証します。 また、サーバーからサイトデータを要求するのではなく、キャッシュにアクセスする方がはるかに高速です。

現在、ほとんどすべてのトラフィックの多いWebサイトは、静的コンテンツにCDNを使用しています。 MaxCDNのようなCDNは、世界中に戦略的に配置されたソリッドステートドライブを備えており、下の画像からわかるように、人口統計学的に幅広いリーチを持つWebサイトに理想的なグローバルコンテンツ配信サービスを提供します。

MaxCDNのグローバルCDNサービスをご覧ください

通常のホストプロバイダーサーバーとは異なり、CDNのサーバーは、静的コンテンツを最短時間で配信するように調整されています。 また、人気のある通信会社とも提携しており、通信プロバイダー側​​の中断や遅延によってサイトの読み込み時間が影響を受けないようにしています。

CDNを使用する場合、サイトサーバーの帯域幅使用量が大幅に低下し、サイトの読み込み時間を短縮するのにさらに役立ちます。

5.サイトのデータベースを最適化する

WordPressデータベース最適化プラグインを使用して、サイトのデータベースを順番に取得します。 WP-Sweepは、WP-SpringCleaningプロセスに関連する複数の機能を実行する強力なプラグインです。

WPSweep

WP Sweepは、冗長な投稿のリビジョン、コメント（スパムおよび未承認）、孤立した重複したメタデータ（ユーザー、コメント、投稿）、および未使用の用語をWordPressデータベースから削除します。 WP-DBManagerやWPOptimizeのような他のデータベース最適化プラグインがありますが、WPSweepはそれらに対して重要な優位性を持っています。 WP Sweepは、データに対してWordPressの削除コマンドを実行するため、MYSQLクエリを実行する他の2つのプラグインの場合のように、孤立したデータが残されることはありません。

データベース最適化プラグインは以下を取り除きます：

  • スパム、未承認、削除済みのコメント–コメントは、それが発生することを許可すると、wpデータベースに山のように積み重なる可能性があります。 WPデータベースを時々最適化することで、これが発生するのを防ぐことができます。
  • WordPressデータベース上の重複した孤立したデータ–重複したコンテンツはサーバーの負担であり、サーバーが負担する必要はありません。 孤立したデータは、行ごとに占有することでサイトのデータベースに影響を与え、サイトには何の影響も与えないため、「孤立した」という用語が使用されます。 重複するコンテンツと孤立したデータは目的を果たさず、両方のサイトを削除します。
  • 不要な投稿の改訂–複数の投稿の改訂は不要であり、かなりの数に追加され、削除される可能性があります。

WordPressを大掃除することにした場合は、未使用の用語、画像、テーマ、プラグインを削除し、壊れたリンクを修正して、サイトのデータベースを最高の状態に保つ必要があります。 WPはデータベース駆動型システムであるため、データベースの状態はサイトのパフォーマンスに影響を及ぼします。 今のところデータベースの最適化で十分なはずですが、他に1つか2つのことをしたいと思うかもしれません。

WordPressデータベースをクリーンに保つためにどのように、そして何をすべきかについてさらに先に進むことができますが、それ自体はかなり大きな仕事であり、ここでこれ以上追加することはできませんが、さらに読みたい場合は。 これはあなたを助けるはずです–「WordPress春の大掃除ツールキット–より良いパフォーマンスのためにあなたのWordPressインストールを最適化する方法の完全なガイド」。

6.画像を圧縮する

EWWW画像オプション

テキストと比較すると、画像はかさばります。 それらは、wp-contentフォルダー上で、許可されているよりもはるかに多くのスペースを占有します。 画像を圧縮すると、サイトの読み込み時間を短縮できます。 知覚される画質の多くを失うことなく、画像のサイズを縮小できます。

EWWW Image Optimizerが提供するロスレス圧縮を使用すると、品質を大幅に低下させることなく画像サイズを縮小できます。 または、Compress JPEG＆PNGImagesプラグインを使用することもできます。 サイズの圧縮は、JPEG画像の場合は約40％〜60％、PNG画像の場合は50％〜80％であり、目に見える明らかな品質の低下はありません。

7.プラグインを診断します

結局のところ、すべてのプラグインは、機能の実行を支援するコードの一部です。 時には彼らは面倒で逆効果になります。

サイトのアンカーをどのように特定しますか？ それらがロードされないようにしますか？

P3-プラグインパフォーマンスプロファイラー

P3

このプラグインは、どのプラグインがサイトの読み込み時間に大きな影響を与えているかを検出します。 また、プラグインが生成するレポートを使用すると、サイトの速度を低下させているプラ​​グインを特定できます。 プラグインがサイトのパフォーマンスに大きく影響する場合は、別のプラグインを見つけてください。

ここでP3プロファイラーを入手してください！

プラグインオーガナイザー

どのプラグインがサイトのパフォーマンスに影響するかがわかったので、使用がオプションであるすべてのサイトページ/投稿でプラグインを無効にすることを選択できます。 これは、投稿ごとに行うことができます。 したがって、サイトの速度を低下させるプラグインがあり、それなしでは実行できない場合は、絶対に必要なサイトのページ/投稿でのみ使用してください。

ここでプラグインオーガナイザーを入手してください！

8.ホットリンクを無効にします

ホットリンクは、ユーザーが自分のWebサイトのサイトのサーバー上のホストであるコンテンツを使用するための手段です。 したがって、基本的に彼らは彼らのサイトのあなたのコンテンツであなたのサーバーを使用します。 その結果、サーバーが過負荷になり、これは何のメリットもありません。

誰かがサーバーリソースを盗むのをどのように阻止しますか？

人々があなたのサイトのコンテンツからものをホットリンクするのを防ぐため。 あなたはあなたのサイトのコードをいじくり回す必要があり、それは必須です。 htaccesstools.comからこのツールを使用して、サーバーに追加できる必要なコードを生成できます。 通常、あなたのホストも喜んでこれを手伝ってくれるでしょう。

また、ホットリンクを防止すると、サーバーリソースが自分以外のWebサイトのコンテンツのホスティングに費やされていないことを確認できます。 ホットリンクの戦術は通常、データ量の多い画像やその他のマルチメディアを対象としているため、最小限の画像でサイトを運営している場合、ホットリンクを無効にしてもサイトのパフォーマンスに影響はありません。

9.フェザー級の最小限のソーシャル共有プラグインを使用してください！

ソーシャルメディア共有はどのウェブサイトにとっても重要であり、それはどのサイトのマーケティング戦略の重要な部分を形成します。 しかし、時々人々は自分より先に進んで、訪問者を悩ませるだけでなくウェブサイトを遅くする共有オプションをあまりにも多く入れます。

10.ピンバックとトラックバックを無効にする

トラックバックとピングバックは、他の誰かがあなたの投稿のリンクを別のブログやサイトに置いたことを知らせます。 トラックバックは手動で、ピングバックは自動で、どちらもコメントのモデレートになります。 すべてのトラックバックとピングバックの99％はスパムです。 そして、それを使いすぎると、サイトの速度に影響を与える可能性があります。

[設定]> [ディスカッション]に移動し、[デフォルトの記事]設定でピンバックとトラックバックを無効にします。

または、スパムを処理できるプラグインを使用することもできます。 そして、それはどんな形であれスパムの終わりになるでしょう。

11. CSSを上に置き、Javascriptを下に置きます

CSS参照は一番上に移動する必要があります。 ブラウザはCSSをロードする前にコンテンツをロードしません。そうしないと、定型化されていないコンテンツになってしまいます。 したがって、この小さな問題を回避するために、最初にCSSを使用します。 そうしないと、サイトの読み込みに失敗します。 つまり、サイトの一部がスタイルなしで表示されます。 また、CSSが終わりに近づいている場合、ブラウザーはすべてのサイト要素を再描画する必要があります。 これは、CSSをヘッダーの一部として配置した場合よりも時間がかかることになります。

JSはブラウザーでの並列ロードを妨げるため、最後に降格しました。 これは、ロードされるのはそれだけであることを意味します。 さらに、コンテンツの上にスクリプトファイルがある場合は、プログレッシブロードをブロックします。 すべてのコンテンツを段階的にロードできるようにするには、スクリプトを最後に配置する必要があります。

無料のキャッシングプラグインは実際にはこれを達成しません。 または、無料のキャッシュプラグインと組み合わせてAutoptimizeを使用することもできます。 しかし、時には物事が崩壊する傾向があり、潜在的な混乱を修正することができない人にはこのルートをお勧めしません。 また、処理できないと思われる場合は、WPRocketを使用してください。

12.画像を1つに結合–CSSスプライト

ブラウザは、複数の画像を取得するために、サーバーとの間を何度も行き来する必要があります。 これらの画像を1つの大きなファイルに結合して、すべての画像を含めることができます。これにより、HTTPリクエストの数が効果的に削減され、はるかに効率的なプロセスが作成されます。 CSSに慣れていない場合は、オンラインで利用できるドラッグアンドドロップ方式を使用して同じことを実現できます。 スプライトパッドは、CSSスプライトの作成に役立つ便利なツールであることがわかります。

CSSスプライトは便利ですが、必須ではありませんが、CSSスプライトについて詳しく知りたい場合は、CSSトリックにアクセスしてください。

最終的な考え

社内のキャッシュソリューションと評判の高いテーマハウスの優れたテーマを備えた、優れたマネージドWPホストに勝るものはありません。

しかし、予算のある人には、私はお勧めします–

  • 無料のキャッシングプラグイン
  • 最適化
  • WPスイープ
  • 良い無料のテーマ

ツールとソフトウェアのこの組み合わせは、ペニーを費やすことなく高速サイトを作成するのに役立つはずです！ ただし、少なくともプレミアムキャッシュプラグインを試すことをお勧めします。 1つの目的のために非常に多くのプラグインを使用する必要があるすべての労力を節約できます。 そして、これらすべてのプラグインをサイトで効果的に機能させることは、まったく別のことです。

あなたが知る必要があるもう一つのことは、それらが高品質のプラグインであるならば、あまりにも多くのプラグインが必ずしもあなたのサイトを遅くするわけではありません。

サイトをもう一度テストし、

  • GTmetrix
  • WebPageTest
  • PageSpeedツール

テスト中は、一度に1つの新しいプラグインを使用して結果を確認します。 それらが連続して良くならない場合は、おそらく以前のプラグイン/プラグインだけに固執する必要があります。 たとえば、Fastest Cacheのような無料のキャッシュプラグインを使用して、サイトがどれだけ速くなるかを確認します。

基本的に、新しくアクティブ化されたプラグインに固執する前に、パフォーマンスの向上を探します。

結果はどうでしたか、あなたのサイトは速くなりましたか？

私はそれがしたことを願っています。

そして、この投稿がお役に立てば幸いです

以下のコメントであなたのテストの結果を私たちと共有してください、おそらく私たちはあなたを助けることができます！