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

公開: 2022-02-28

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

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

あなたのウェブサイトをより速くする方法をあなたに話す前に、私は速くロードするウェブサイトを持つことの重要性を確立しようとします。

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

優れた検索エンジンランキングと優れたユーザーエクスペリエンスを確保するには、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を含むいくつかの主要企業は、ウェブサイトをすばやく読み込むことの重要性を認識しています。あなたはここでそれについてもっと読むことができます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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圧縮

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

ブラウザのキャッシュ

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

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

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

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

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

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

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

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

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

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

4.CDNを使用する

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

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

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

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

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

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

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

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

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

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

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

6.画像を圧縮する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最終的な考え

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

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

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

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

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

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

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

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

私はそれがしたことを望みます。

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

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

開示：このページには、上記の製品を購入することを選択した場合にコミッションを受け取る可能性のある外部のアフィリエイトリンクが含まれています。このページの意見は私たち自身のものであり、肯定的なレビューに対して追加のボーナスを受け取ることはありません。