WordPress を高速化する方法: 包括的なガイド
WordPress を高速化するために必要な唯一のガイドへようこそ。このステップバイステップガイドは、Web サイトの WordPress を高速化するために採用できる最適なツールと実践方法の概要を説明するために作成されました。
このガイドのガイド
このガイドはいくつかのセクションに分割されているため、途中まで読んでいる場合でも、簡単にフォローしたり追いついたりできます。
- まず最初に、ウェブサイトが高速であることが重要である理由について説明します。皆さんはこの件について何度も読んだことがあるはずですが、まだ読んでいない人もいるかもしれません。これはまさにその人のためのものです。
- また、基盤となるテクノロジーについても説明します。WPExplorer では、問題の背後にある理由を理解することが問題を解決する最善の方法であると信じています。そのため、私たちは過去に、数千行のコードがインターネット上の Web サイトのほぼ 46% にどのように機能するのかについて基本的な理解を提供する、WordPress の内部機能の初心者ガイドのようなガイドを作成しました。このセクションでは、速度と全体的なパフォーマンスに影響を与える主な要因について説明します。それぞれの要素についてベスト プラクティスについて説明するので、この部分をよく読んでください。
- 次に、WordPress テーマとプラグインに適用されるパフォーマンスの修正と最適化について説明します。
- ガイドの残りの部分では、画像の最適化、データベースの最適化、セキュリティの修正などのカテゴリごとに修正をグループ化しました。この分類により、修正の要点をより早く理解して把握できるようになり、すぐに使い始められるようになると考えています。
よし、息を吸おう!プロローグを終えました。それでは、WordPress を高速化するための実際のガイドを始めましょう。
目次:
ここでは、サイトを高速化するための実際のヒントの簡単な目次を示します。こうすることで、ページ速度の重要性に関するセクション全体をスキップしたり、このガイドの任意のセクションまですぐにスクロールしたり、後で戻ってきたい場合に特定のセクションをブックマークしたりすることができます。
- ページ速度が重要な理由
- アンダーラインテクノロジー
WordPress を高速化するための簡単なヒント
- WordPress キャッシュを有効にする
- Gzip 圧縮を有効にする
- PHP エンジンをアップグレードする
- ホスティングを賢く選択する
- 最適なサーバーの場所を選択する
- コンテンツ配信ネットワークを使用する
クライアントデバイス
- モバイルビューを最適化する
WordPress 拡張機能: WordPress を高速化するテーマとプラグイン
- テーマを慎重に選択してください
画像の最適化
- すべての画像を縮小する
データベースの最適化
- WordPress データベースを最適化する
セキュリティ修正
- ブルートフォース攻撃を防ぐ
よし、息を吸おう!プロローグを終えました。それでは、WordPress を高速化するための実際のガイドを始めましょう。
ページ速度が重要な理由
これを短くしてみます。誰もがスピーディなウェブサイトを好むことは誰もが知っています。また、Google は最近、遅い Web サイトよりも速い Web サイトを好むということも聞いたことがあるでしょう。つまり、速い Web サイトの方が SEO スコアが高くなります。これについて明確な説明はありませんが、ほとんどのビデオやインタビューはこのもっともらしい説明を指摘する傾向があります。
人々はすぐに答えが必要なことを検索します。したがって、トップヒットは素早く読み込まれる必要があります。 Google では、検索エクスペリエンスが低下するため、遅いサイトを前面に出すことはできません。
Google SERP の最初のページの読み込みに 10 秒以上かかると想像してください。5 秒も待たないうちにサイトを離れることになるでしょう。
調査によると、Web サイトの読み込み時間が 1 秒増えるごとに、コンバージョンが 7%、ページビューが 11% 失われ、顧客満足度が全体で 16% 低下します。これらすべてを 1 つの文にまとめると、次のようになります –
ウェブサイトの読み込み時間を 1 秒短縮すると、利益は簡単に 7% 増加します。
それが私たちが得ようとしているものなので、あなたを説得できたことを願っています。 WordPress を高速化するための実際のガイドを始めましょう。
基盤となるテクノロジー
Web サイトが遅くなる原因は何ですか?なぜ WordPress を高速化する必要があるのでしょうか?この質問に対する答えは多数の要因にあります。そのうちの最も重要な要因については以下で説明します。
静的 Web サイトと動的 Web サイトの比較
この比較は、画家と写真家の喩えで最もよく説明されます。この例を裏付けるために、二人とも猫の写真を見せるように頼まれたと仮定しましょう。画家は常に絵を描かなければなりませんが、写真家はクリックした猫の写真を見せるだけで済みます。
「できるだけ早く猫の写真を見せて」コンテストで誰が優勝すると思いますか?
これは静的 Web サイトでも動的 Web サイトでも同じです。静的なウェブサイトでは、リソース、つまり写真家の猫の写真が常に存在します。開くだけで表示できます。
ただし、動的な Web サイトの場合は、誰かがそれを閲覧するたびに Web サイトを生成する必要があります。画家が毎回猫の写真を描くのと同じです。これは、静的 Web サイトが動的 Web サイトよりも本質的に高速であることを示しています。
静的 Web サイトは本質的に動的 Web サイトよりも高速です。
WordPress などのコンテンツ管理システムは、動的 Web サイト ジェネレーターのカテゴリに分類されます。これは、アクティビティを管理するための管理パネルを備えた Web サイトを作成および維持するように設計されたソフトウェアです。新しい投稿やページの追加などのアクティビティ。
ほとんどの人は静的な Web サイトではなく WordPress を選択します。それは良いトレードオフです。
すべてのデータはデータベース サーバー (一般的な MySQL サーバーなど) に保存され、メディア ファイル (画像やドキュメントなど) は Web サーバー自体に保存されます。
裏を返せば、動的な Web サイトは人類にとって祝福です。何千もの投稿、ページ、タグ、カテゴリ、メディア ファイルを管理しなければならないことを想像してみてください。それらを個別に管理すると、人は気が狂ってしまうでしょう。
ほとんどの人が静的なウェブサイトではなく WordPress を選ぶのはそのためです。それは良いトレードオフです。
WordPress を高速化するための簡単なヒント
さて、修正です。これらの簡単なヒントを使用すると、さまざまなホスト上で WordPress を問題なく高速化できます。
1. WordPress キャッシュを有効にする
WordPress のキャッシュは単に「将来の使用のために結果を保存する」ことです。 WordPress は、訪問者がページをリクエストするたびに、Web ページを動的に生成します。このように動的に生成されたページを保存し、再度生成することなく次の訪問者に提供できたらどうなるでしょうか?これにより、ページの読み込み時間が大幅に短縮されます。
このプロセスはキャッシュと呼ばれ、WordPress は内部機能の複数の場所でこの技術を使用します。 W3 Total Cache、WP Super Cache、WP Rocket などのキャッシュ プラグインを使用して、他の WordPress プロセスのキャッシュのレベル/量を強化することもできます。
2. Gzip圧縮を有効にする
これは、転送されるデータのサイズを削減し、速度を向上させる単純な圧縮技術です。前述のキャッシュ プラグインを使用すると、Gzip 圧縮を有効にすることができます。たとえば、パフォーマンス > キャッシュの参照 オプションのW3 トータル キャッシュで Gzip 圧縮を有効にできます。
3. PHP エンジンをアップグレードする
WordPress は PHP 上で実行されます。つまり、コードを実行して Web ページを生成する際に PHP に依存していることになります。 PHP は、Web サーバーと一緒にインストールされるオープンソース ソフトウェアです。 PHP エンジンのバージョンは、WordPress ウェブサイトのパフォーマンスを決定する上で非常に重要な役割を果たします。
Kinsta マネージド ホスティングのスタッフは WordPress 4.3.1 で PHP エンジンのベンチマークを実行し、次のことがわかりました。
WordPress 4.3.1 でのPHP ベンチマーク。出典: Kinsta.com
# | PHP Engine | Transactions/second |
1 | HHVM Repo Authoritative | 375.48 |
2 | HHVM | 357.69 |
3 | PHP 7 | 306.24 |
4 | PHP 5.6.16 | 106.45 |
その結果は驚くべきものです。 PHP 7 と 5 を比較すると、大きな違いがわかります。PHP 7 は PHP 5 よりも 187%、ほぼ 2 倍高速です。
PHP 7 は PHP 5 より 187% 高速です
HHVM は Facebook によって開発された PHP エンジンです。それ以来、このエンジンを提供しているウェブホストはほんの一握りであり、通常は高額な値札が付いています。ただし、PHP 7 は実装が比較的簡単です。ほとんどの共有ホストでは、PHP 7 にアップグレードするという手間はかかりません。
アップグレードには若干の欠点もあります。いくつかの古い、非常に非効率な機能は非推奨となり、サポートされなくなります。 WordPress テーマでそのような関数が使用されている場合、PHP エンジンでランダムなエラーが発生します。
そうは言っても、ほとんどの最高の WordPress テーマにはこの問題はありません。 WordPress を高速化するために PHP バージョンをアップグレードしたい場合は、手動でリクエストを行う必要がある可能性があります。最高の WordPress ホストは、これを積極的に実行します。それでは次のトピックに移ります。
4. ホスティングを賢く選択する
この記事を読んでいるほとんどの人は、おそらく共有ホスト、VPS、専用ホストの違いを知っているでしょう。新しいタイプのホスティングを見てみましょう。
WordPress 最適化ホスティング – これらは、WordPress 用に微調整され、刷新された共有ホスティング プランのようなものです。これは、サーバー環境が最適化され、WordPress のホスティングに最適であることを意味します。ただし、リソースは依然として共有されているため、トラフィックが多い場合、Web サイトが失敗する可能性があります。これは、新しい WordPress ブログ/Web サイトのホスティングに最適な選択肢です。
マネージド WordPress ホスティング – これは WordPress ホスティングの中で最高のものです。 WP Engine や Flywheel などのホストは、サーバーの最適化から許可されていないプラグインのリストの作成に至るまで、ホスティングのあらゆる側面を処理します。そのため、これらのホストが WordPress ホスティングの最良のオプションであると考えられます。キャッシュ テクノロジー、PHP エンジン、Web サーバー、CDN、バックアップ ソフトウェア、その他多くの素晴らしい機能を組み合わせた最先端の組み合わせを使用して、トラフィックの急増時でも安定した最高のホスティング エクスペリエンスを提供します。これは、トラフィックが中程度または多い Web サイトに最適です。
WordPress クラウド ホスティング – Amazon AWS、Google Cloud、Microsoft Azure などのクラウド プロバイダーのインフラストラクチャを利用して WordPress サイトをホストする別のジャンルのホスティングがあります。これが意味するのは、WordPress サイトがクラウド上でホストされ、インストール/構成部分は会社によって行われるということです。これは、クラウド ホスティングの経験がある人、またはクラウド ホスティングを始めたい人にとっては優れた選択肢です。 CloudWays は、AWS と Google Cloud で WordPress をホストする企業の 1 つです。詳細については、CloudWays のレビューをご覧ください。
もちろん、これらのホスティング プランのコストは従来のプランより 20 ~ 70% 高くなりますが、追加の機能とリソースが WordPress の高速化という目標に大きく貢献するため、見返りは同じくらい有益です。
5. 最適なサーバーの場所を選択する
サーバーの物理的な場所は、Web サイトの読み込み時間に大きな影響を与えます。訪問者のほとんどがニュージャージー州から来ている場合、1,5000 マイル離れたシンガポールのデータセンターにサーバーを置くのは意味がありません。これは 1GB の単一ファイルには大きな違いはありません。それぞれ 10MB の 100 個のファイルに多大な影響を与えることになります。したがって、対象ユーザーに最も近いサーバーの場所を選択してください。
6. コンテンツ配信ネットワークを使用する
CDN は、サーバーの場所の概念を直接拡張したものです。その目的は、WordPress サイトのデータ (メディア ファイル、CSS、JS ファイル) を世界中の複数のサーバーに複製することです。これらのレプリケーションの場所は、POP のポイント オブ プレゼンスと呼ばれます。 POP の数が多いほど、CDN ネットワークはより優れたものになります。まずは費用対効果の高い無料の CDN から始めて、より多くのリソースが必要な場合にプランをアップグレードすることをお勧めします。
クライアントデバイス
デスクトップよりもモバイルでの Google 検索が多い世界では、ユーザーのかなりの部分がモバイル デバイスからアクセスしていると考えるのが当然です。クライアント デバイスの重要性が高まっているのは、Web 開発者がクライアントのブラウザーでの処理負荷の一部を延期しているためです。
つまり、WordPress の高速化に取り組む際には、モバイルのユーザー エクスペリエンスがデスクトップと同じくらい重要である必要があります。テーマは応答性が高いかもしれませんが、モバイル ビューでスムーズに機能しますか?
7. モバイルビューを最適化する
古いデバイスではどのように機能しますか? Apple は毎年 9 月に新しい iPhone を発売するかもしれませんが、多くの人はまだ 4 年前の iPad を使用しています。あなたの Web サイトはそこでうまく機能しますか?
iPad の使用率の内訳。出典: david-smith.org
「グレースフル デグラデーション」という言葉を聞いたことがあるかもしれません。 WordPress には当てはまらないかもしれませんが、アイデアを持っておくと良いでしょう。これは基本的に、機能が豊富な重いバージョンを処理できないデバイスに、Web サイトの機能を削減したバージョンを提供することを意味します。これにより、古いデバイスを使用しているユーザーは、コンテンツの最も重要な部分を「トッピング」なしで表示できるようになります。
典型的な例は、JavaScript ライブラリを使用してビューポートに表示されている場合にのみ画像を表示する BJ Lazy Load プラグインです。ブラウザが JS をサポートしていない場合、または無効にしている場合、プラグインは正常に機能を低下させます。つまり、メイン機能を停止し、画像を通常どおりロードします。
流動的なモバイル サイトを取得するには、これらのモバイル最適化プラグインをチェックしてください。
WordPress 拡張機能: WordPress を高速化するテーマとプラグイン
テーマとプラグインの概念は、CMS としての WordPress の人気に大きく貢献しました。人気のあるプラグインやテーマのほとんどは開発のベストプラクティスに従っていますが、そうでないものもあります。開発慣行が WordPress サイトのパフォーマンスに影響を与える例をいくつか説明します。
8. テーマを慎重に選択してください
最高級の WordPress テーマに関しては、慎重に扱う必要があります。
海賊版のテーマ?絶対に違います。 ベストセラーの Themeforest テーマの最新バージョンの海賊版を入手できることは秘密ではありません。むしろ簡単に付け加えておきます。しかし、ここに落とし穴があります。海賊版テーマには悪意のあるスクリプトが埋め込まれている可能性が高く、これは上級ユーザーでも認識できません。このようなスクリプトを検出できるのは、長年の経験を持つ訓練を受けた開発者だけです。悪意のあるスクリプトは、顧客のデータ (クレジット カード、電子メール、住所など) を盗み、訪問者に悪意のあるファイルを挿入し、サーバーを使用してスパム メールを送信するなどの活動を行うように設計されています。気づかないうちに、あなたは Google から追放され、評判と信頼性は急激に低下してしまいます。
うまくデザインされたテーマ?はい。良いテーマをどのように定義すればよいでしょうか?デザインですか?タイポグラフィー?それとも応答性ですか?リストは続きます。実際のところ、デザインは非常に主観的な問題です。ブランドのイメージを視聴者に伝えます。それはあなたの判断に任せます。
私たちは、適切に設計されたテーマの技術的な側面に取り組みたいと考えています。それはすべきです:
- 軽量であること – テーマが小さいほど、読み込みが速くなります。
- リクエストが少なくなります。リクエスト者の数が少なくなり、サイトの読み込みが速くなります。また、サーバーと訪問者の間の距離の影響も軽減されます。
StudioPress の Parallax Pro テーマと独自の Total テーマを比較しました。それぞれのリクエスト数は次のとおりです。
Theme | No. of Requests | Load Time | Perf. Grade | Pingdom Result |
Parallax Pro | 19 | 1009 ms | 75 | Link |
Total | 21 | 506 ms | 87 | Link |
StudioPress の Parallax Pro テーマのベンチマーク結果
WPExplorer からのテーマ全体のベンチマーク結果
Total テーマは WPEngine の超高速マネージド WordPress ホスティング環境でホストされており、 それにより読み込み時間が 50% 短縮され、 パフォーマンス グレードが12 ポイント向上しました。
商売道具
- Pingdom を使用して、WordPress テーマが使用するリクエストの数を測定できます。
- Theme Check プラグインは、アクティブなテーマがベスト プラクティスに従っているかどうかを検証できます。
9. 適切な数のプラグインを使用する
適切なプラグインは、WordPress の機能セットを信じられないほどの高さまで拡張できます。逆に、プラグインが多すぎるとパフォーマンスに影響を与える可能性があります。これは、携帯電話にアプリをインストールしすぎることだと考えてください。バッテリーの消耗が早くなり、時間の経過とともに携帯電話の速度が低下します。
- Theme Check などのプラグインや WordPress をリセットするプラグインは時々使用されますが、なぜそれらを永久に有効にしておくのでしょうか?アクティブ化 – 使用 – 非アクティブ化。それがパフォーマンス愛好家が従うべきプラグインの哲学です。
- 必須の WordPress プラグイン リストに含まれている P3 Performance Profiler プラグインは、WordPress サイト内のアクティブなプラグインのパフォーマンスへの影響を測定します。プラグインを 1 つでも非アクティブ化すると、サイトのコンポーネントが破損する段階に達するまで、プラグインを非アクティブ化し続けます。
10. 綿毛を取り除く
これは、人によってさまざまな意味を持つ可能性があります。これらの Web サイトの多くは、豪華なデザイン要素があまりにも乱雑に表示されていることがわかりました。しかし、定期的に訪問する人は通常、このようなことを気にしません。また、同じ時間のかかるデザイン効果が何度も繰り返されるのを見るのは不快な場合もあります。
パフォーマンスの観点から見ると、これらのデザイン効果により、テーマとともに読み込まれるスクリプトの数が増加し、その結果、読み込み時間が長くなります。
画像の最適化
画像の圧縮やプログレッシブ JPG としての保存など、Web 用の画像の最適化について読んだことがあるかもしれません。 Kraken.io と TinyPNG は、その目的に最適なツールです。しかし、もっとできることがあります。
11. すべての画像を縮小する
しかし、すでにアップロードされている大量の画像はどうなるでしょうか?そこで画像最適化プラグインが役に立ちます。画像ライブラリをスキャンして最適化し、今後のすべての画像アップロードを処理するため、手動で行う必要はありません。例には、Smush Image Compression や EWWW Image Optimizer が含まれます。
12. 画像の読み込みを延期する
BJ Lazy Load プラグインについては、このガイドの前半で説明しました。画像の読み込みを延期できるのは、画像がビューアのビューポートに表示されている場合のみです。つまり、訪問者が画像を表示するために下にスクロールしたときにのみ画像の読み込みが開始されます。これには複数の利点があります。
- まず、最初のリクエストの数が減り、必要に応じて画像リクエストが延期されます。
- ページのサイズが小さくなり、読み込み時間が短縮されます。
- 画像を延期すると、訪問者とサーバーの両方の帯域幅が節約されます。
13. 画像のホットリンクを無効にする
フリーローダーを覚えていますか?まあ、ホットリンクは居候のようなものです。あなたのサイトにホットリンクを設定する人は、Web サイトに URL を貼り付けるだけです。画像は相手側で表示されますが、帯域幅のコストはお客様の負担となります。
これは二重の損失です。帯域幅の料金を支払ったのに、 見返りとして訪問者が得られないのです。ここでは、画像のホットリンクを防止してサードパーティをブロックし、WordPress の速度を向上させる方法を説明します。
14. 画像サイズの定義
テーマには、画面サイズごとに最大画像幅が事前に定義されています。最大解像度を超える画像を提供するのはかなり非効率です。 add_image_size() 関数を使用して、画像の複数のサイズを手動で設定できます。画像がアップロードされると、WordPress はサムネイルや投稿アイコンなど、さまざまなサイズでそのコピーを複数作成します。
データベースの最適化
WordPress を高速化したい場合は、画像と同様にサイト データベースを最適化することが重要です。
15. WordPress データベースを最適化する
時間が経つにつれて、Web サイトは不要なもので混雑していきます。削除されたプラグインのメタデータ、過去のテーマの変更、投稿のリビジョンからのデータなど。これにより、データベース内の何百もの行がどの要素にも関連付けられていないままになる可能性があります。 WP-Optimize プラグインは、そのような不要な要素を WordPress データベースからクリーンアップするというかなり優れた仕事をします (これにより、サイト上の WordPress が高速化されます)。
16. 投稿の改訂を制限する
私は記事を書くために Microsoft Word または Google ドキュメントを使用することを好みますが、多くの人は古き良き WordPress ビジュアル エディターを好みます。 WordPress は各投稿の複数のリビジョンを自動的に保存するため、インターネットが切断されても作業内容が失われることはありません。ただし、それには少し欠点があります。
長い投稿には必ず複数のリビジョンが含まれます。これらは累積し続け、最終的にはデータベースのサイズが増加します。皮肉なことに、将来的にはこれらのポストリビジョンは必要なくなります。したがって、投稿のリビジョンを (たとえば 3 つ) に制限し、データベース内のスペースを節約できます。
投稿のリビジョンを制限するには、wp-config.php ファイルに次のコードを貼り付けるだけです。
define( 'WP_POST_REVISIONS', 3 );
17. より頻繁にゴミ箱を空にする
WordPress は 30 日ごとにゴミ箱を空にしますが、パージ制限を 7 日に設定してデータベースをきれいに保ち続けることもできます。もう一度、次のコードをwp-config.php ファイルに貼り付けます。
define('EMPTY_TRASH_DAYS', 7);
18. データベース呼び出しを効率的に行う
まず第一に、開発者は WordPress での生のデータベース クエリを避ける必要があります。投稿からコメント、カスタム分類法、メタデータに至るまで、あらゆるものを自由に取得できる関数が多数あります。
ただし、開発者がデータベースにクエリを実行する必要がある場合は、最大限の効率を得るために、WPDB クラスを使用して実行する必要があります。テーブル結合などのリソースを大量に消費する複雑な機能は、パフォーマンスに悪影響を与えるため、データベース上で実行しないでください。多くの場合、2 つの別々のクエリを使用する方がはるかに高速です。
クエリが適切に記述されているかどうかを確認したり、リクエスト中に実行されるすべてのクエリを確認したりできるクエリ モニターなどのツールが多数あります。 重要: このプラグインは非常にリソースを大量に消費し、それ自体ではサイトの速度が低下する可能性があり、その可能性があるため、テスト中のみプラグインを有効にし、特にテストを行っていないときは無効にしてください。 。また、プラグインはサイト全体の速度を低下させるため、ライブ読み込み時間をテストするのではなく、チェックを行うときにプラグインからの結果も確認する必要があります。
セキュリティ修正
このセクションで説明する 3 つの修正は、WordPress を高速化しようとすると、Web サイトのセキュリティとパフォーマンスに影響を与えます。
19. ブルートフォース攻撃の防止
攻撃はいつでもどこからでも行われる可能性があります。彼らから身を守るのはあなたの義務です。
- 優良なホスティング会社は、ユーザーによるログイン試行の失敗回数をすでに制限しています。たとえば、WP Engine はボットがログインしようとしていることを識別し、将来の攻撃を防ぐために自動的に空の応答を返します。
- オールインワン WordPress セキュリティおよびファイアウォール プラグインは、新規ユーザーと既存ユーザー向けのさまざまなセキュリティ機能を備えた WordPress 用の包括的なセキュリティ スイートです。このプラグインはサイトの複数の脆弱な側面に対処し、それらの間で厳格なセキュリティが適用されることを保証します。
20. スパムを排除する
スパムは Web サイトにとって大きな懸念事項です。スパムは WordPress データベースに過負荷をかけ、ウェブマスターとしての信頼を低下させます。それは永久に排除する必要があります。優れたプラグインはたくさんありますが、特に際立っているのは Akismet と Anti-Spam Bee です。
結論
サイトを最適化してパフォーマンスを最高にすることは重要ですが、速度がすべてではないことを覚えておくことが重要です。確かにお金をかけてロード時間を 5 秒から 2 秒に短縮するのは価値がありますが、時間をさらに 1.8 秒に短縮するためにその 2 倍の金額を費やすのは最適とは言えません。
スピードは重要ですが、それがすべてではありません。
むしろ、そのお金はプロモーションキャンペーンに有効に活用できるはずです。パフォーマンス向上の最終目標は、より多くのコンバージョンを獲得することであることを忘れないでください。
これで、WordPress を高速化するためのガイドは終わりです。読んでいただきありがとうございます。最後までお読みいただいたことに敬意を表します。いつものように、修正がこのリストに含まれていると思われる場合は、お知らせください。すぐに修正を追加します。しかし今のところは、私たちがリストしたヒントを活用して、サイトの WordPress を高速化していただければ幸いです。