WordPress速度最適化のトータルガイド

公開: 2021-04-19

大規模な会議があり、チームが 1 か月間リハーサルを行っていると想像してください。これらすべての準備の後、プレゼンテーションに必要なラップトップを持ってくるように割り当てられたチームメイトが遅れています。そして、チームメイトは予定より 10 分遅れて現れ、見込み客は待つのにうんざりしています。

まあ、それはあまりにも有害に聞こえますし、クライアントとうまくいきません. これで、訪問者が座ってウェブサイトがブラウザに読み込まれるのを待つ必要があるときにどのように感じるかを想像できます. Web ページの読み込みに 10 秒以上かかる場合、彼らはどうすると思いますか? それとも6？四？

サイトの速度が重要であることは周知の事実です。読み込みの遅い Web サイト、特に Google は誰も望んでいません。したがって、貧弱なユーザーエクスペリエンスを構築し、Google でのランキングの可能性を下げたくない場合は、WordPress の速度の最適化を行うときが来ました。

Web のほぼ 40.0% が WordPress を利用しており、WordPress の速度を最適化するために共存する必要があるプラグイン、テーマ、およびその他のテクノロジが 10 万個存在します。毎日の WordPress ユーザーは、Web サイトがボトルネックになるように設定されていると、これを悪夢に感じるかもしれません。また、その理由もわかりません。

ここでは、WordPress の速度の最適化に関して知っておくべきことをすべて共有し、今日から Web サイトの速度を上げ始めることができるようにします. うまくいけば、技術的または「コードベース」になりすぎずに、WordPress のパフォーマンスの最適化を導くことができます。実際のところ、ここではコード例を避ける努力をしています。

準備はいいですか？さぁ、始めよう。

i) WordPress ウェブサイトの速度を低下させる原因は何ですか?

何よりもまず、Web サイトを遅くする傾向にある重要な原因をいくつか見てみましょう。これらは、焦点を合わせるべきセクションです。

を。画像

風変わりな画像サイズは、ウェブサイトの速度を低下させます.

b. 動画

動画の背景などの WordPress 機能は優れていますが、サイトの速度を低下させる実際のパフォーマンスの要因でもあります。

c. WordPress プラグイン

WordPress プラグインは確かに大きな命の恩人ですが、「どれを」「いくつ」で違いが生まれます。

d. ワードプレスのテーマ

同じルールがテーマにも適用されます。優れた WordPress Web デザインは必須です。ただし、適切にコーディングされていないテーマには、ファイルとスクリプトが多すぎて問題が発生することはありません。

e. スクリプト

JavaScript、jQuery、またはその他のサードパーティのスクリプトが大量に含まれていると、Web ページの速度が低下する可能性があります。

f. API

API は間違いなくコンテンツ管理に役立ちます。しかし、あなたのウェブサイトが接続されているサーバーが遅い場合、そもそもサイトの応答が遅くなります.

g. ずさんさ

だらしは、メディアフォルダー、プラグイン、ブログコンテンツ、またはデータベースで発生する可能性があります。

h. リンク切れ

1 つまたは 2 つの壊れたリンクはひどいものではありません。しかし、壊れたリンクでいっぱいのサイトでは、サーバーがその壊れた接続で動作し続けるため、ユーザーエクスペリエンスに負担がかかり、速度が低下する可能性があります。

私。リダイレクション

繰り返しになりますが、リダイレクトにより訪問者は壊れたリンクや古い URL に遭遇することはありませんが、それらが多すぎるとサーバーの負担になります。

始める前に…

ii) バックアップ、ステージング、およびテスト

WordPress Web サイトをバックアップする最善の方法は、新しいサブドメイン (testing.domain.com など) を作成し、その上ですべての最適化作業を行うことです。 WPEngine、Siteground、Kinsta などのホスティングサービスプロバイダーのほとんどは、ワンクリックステージングを提供しています。ホスティング会社がステージングサイトの作成を提供していない場合は、無料またはプレミアムのバックアッププラグインを使用してバックアップを取得できます。ステージングサイトの結果に満足したら、基本的な変更を実際の Web サイトに組み込むことができます。これで、サイトの速度が最適化され、問題がなくなりました。

採用できるもう 1 つの手法は、子テーマを作成することです。子テーマを使用すると、テーマファイルに加えられた変更が親テーマに上書きされないことが保証されます。

最後に、これらの WordPress 速度テストサイトを使用して、現在の速度をテストします。

Google ページスピード
GTmetrix
ピンダム

それでは、WordPress のパフォーマンス最適化の手順を始めましょう。

1. 高性能の Web ホスティングプロバイダーを選択する

次の特徴を持つホスティング会社から始めましょう。

WordPressホスティングを専門とするもの - 彼らは固有のCMS関連のパフォーマンスの問題を理解しています.
いくつかのマネージドホスティングオプションを提供
最新かつ最速のテクノロジーを使用
キャッシングと CDN を含む
そして、優れたカスタマーサポートは害を及ぼすものではありません

しかし、どうすれば最良のものを選択できるでしょうか?

ホスティング品質を測定して TTFB をチェックする最も簡単な方法。最初のバイトまでの時間は、サーバーの応答時間を示します。これは、基本的にサーバーの速度を表します。無料の TTFB テストに ByteCheck を使用できます。 WPengine、Kinsta、SiteGround、Bluehost、HostGator などは、信頼できる Web サイトホスティングプロバイダーです。

2. キャッシュを使用する

Web サイトキャッシングは、Web ページの静的な HTML バージョンを保存し、後で訪問者が Web サイトにアクセスしたときに再利用する技術です。そうすれば、ブラウザはサイトに関して必要な情報をすでに持っているため、WordPress の速度が向上します.

特に頻繁に更新されない静的なサイトでは、キャッシュプラグインの使用が最大のメリットとなります。 WP Rocket、Cache Enabler、WP Super Cache、W3 Total Cache などは、市場で最高のものです。

これらのプラグインは、サーバーの読み込み時間を短縮し、次のような他の速度最適化タスクを処理します。

ブラウザーとページレベルのキャッシュ
Gzip ファイル圧縮
CSS と JavaScript ファイルを組み合わせる
CSS、HTML、および JavaScript の縮小
CDN 統合

ホスティングプロバイダーに既にキャッシュシステムが付属している場合は、プラグインを追加する必要はありません。

3. プラグインとテーマを賢く選択する

テーマとプラグインがサーバーに与える負担を認識していますか? そのため、WordPress のテーマとプラグインの使用には慎重になる必要があります。

を。適切な WordPress テーマ

コーディングが不十分で更新されていないテーマは、役に立たないスクリプトをページに追加し、ページの読み込みエクスペリエンスを低下させます。したがって、サイトにインストールする前に、品質管理の問題を選択してください。悲しいことに、市場に出回っている無料の WordPress テーマのほとんどは、デザインが良く、より多くの機能を備えていますが、パフォーマンスは無視されています.

私たちの優れたテーマには、一連の専用のパフォーマンス機能が付属しており、サードパーティのプラグインを追加する必要がありません.

b. 最も必要なプラグインのみを使用する

WordPress プラグインを選択するときは、次のヒントに留意してください。

プラグインが必要かどうか、またはいくつかの WordPress 機能/簡単なコーディングがプラグインの補足として利用できるかどうかを知る。
各プラグインと、パフォーマンスに関する指摘された問題を確認してください。疑わしい歴史を持つものは決してインストールしないでください。
複数の特徴と機能を備えたプラグインを探して、多くの代わりに 1 つだけを使用できるようにします
サイトを安全かつ高速に保つには、テーマとプラグインを更新する必要があります。しかし同時に、一部の更新により、テーマ/プラグインと WordPress の互換性が失われる可能性があります。そのため、アップデートが有用な場合にのみインストールしてください。

c. プラグインの使用を再考する

はい、あまりにも多くの WordPress プラグインを使用すると、Web サイトの速度が低下します。ただし、プラグインの数は、使用するプラグインの品質ほど重要ではありません。実際に重要なのは、その特定のプラグインがどのように開発されたか、つまりパフォーマンスを念頭に置いて構築されたかということです。つまり、古いプラグインのいくつかを調べて、それらを新しい軽いプラグインに置き換えることもできます。

4. PHP 7 以降を使用する

PHP のバージョンについて聞いたことがありますか? 絶対必要です。 PHP は、オープンソースのサーバー側スクリプト言語です。ほとんどのテーマとプラグインは、コアの WordPress ソフトウェアとともに、基本的に PHP で作成されています。

まず、WordPress ホストが少なくとも PHP 7 以降を使用していることを確認してください。データによると、WordPress サイト全体の 6.8% のみが PHP 7.3 を使用していますが、さらに 28.6% が PHP 5.6 (2014 年にリリース) を使用しています。

誰かが 2014 年にリリースされた電話をくれたらどうしますか? それはあなたを狂気に駆り立てるために遅くて鈍い反応をするでしょう.

PHP 5.6 を使用すると、訪問者はまさにそのように感じるでしょう。

5. SSL/HTTPS を使用する

SSL 証明書が WordPress の速度に直接影響するわけではありませんが、SSL 証明書を取得することを強くお勧めします。まず、重要なこととして、Google は、HTTPS/SSL を適切に使用するとランクが上がることを認めています。

さらに、SSL 認定の Web サイトには、アドレスバーの上に小さな緑色の南京錠の記号が表示されるため、顧客の信頼が高まります。

もう一つの理由はセキュリティです。サイトに SSL 証明書があると、Web サイトとの間のデータ/情報転送が暗号化され、サイトがより安全になります。

6. 画像の最適化

サイトに画像を掲載することは常に良いことです。しかし、間違った種類はあなたのウェブサイトにとって最大の惨事になる可能性があります. Web サイトを高速化する簡単な方法は、画像を最適化することです。

画像を最適化するとサイトがどのように高速化されるか知っていますか? ウェブサイトの帯域幅の使用量を減らし、すばやく開いてユーザーの関心を維持し、Google 検索エンジンにウェブサイトを嫌う理由をもう 1 つ与えないようにすることができます。

画像を最適化するにはさまざまな方法があります。ここでそれらについてすべて学びます。

を。適切な画像形式の選択

この 10 年間で最も使用されている画像形式は、JPG、PNG、SVG、および GIF です。 GIFは主に動画用で、JPGとPNGは静止画用です。これらの 2 つの中で、JPG (または JPEG) 形式は、多色の画像を表示するのに最適です。ロゴには SVG 形式が明示的に使用されます。 PNG は、SVG が不可能な場合にのみ使用され、画像の透過性を維持する必要があるため、JPG も選択肢から外れます。

しかし、インターネット上には非常に多くの編集アプリがあるため、どの画像形式を選択するかについて混乱する必要はありません。そのようなツールの 1 つが XnConvert です。ここに画像をドラッグアンドドロップするだけで、最小サイズの形式で保存できます。また、XnConvert を使用して、サイズ変更、トリミング、画像形式の変更などを大量に行うこともできます。

b. 画像圧縮を使用する

これで、ファイルが JPG または PNG 形式で保存されました。ファイルを圧縮する時が来ました。

あれは何でしょう？

最初に画像を撮影するときは、100% の品質であると見なされます。画質を落として（圧縮して）小さくすることができます。 JPG 画像ファイルを変更せずに 85 ～ 90% に圧縮できます。

画像をアップロードする前に手動で変換するか、プラグインを使用することができます。 WordPress で画像を圧縮することが知られているプラグインはたくさんあります。 ShortPixel Image Optimizer、reSmush.it、EWWW 画像オプティマイザー、および WP コンプレッサーは有益なものです。

ただし、不適切な画像の最適化も、サイトのパフォーマンスを低下させます。最良の画像最適化手法の一部は、サーバーベースの画像最適化と、画像をアップロードする前にローカルで最適化することです。

別の方法として、LiteSpeed プラグインを使用することもできます。これは基本的にキャッシュプラグインであり、Google Pagespeed アドオンを使用した画像圧縮も可能にします。 LiteSpeed はサーバー上のすべての画像を圧縮するため、サーバーの応答時間は操作に影響しません。ただし、バッチで圧縮する必要があります。

c. 画像の寸法を指定する

画像のサイズの指定は、主にユーザーエクスペリエンスに関連しています。方法を学びましょう。

ページが最初にテキストをロードすると、ページレイアウトが設定されるときに画像サイズも決定されます。しかし、画像が同時にダウンロードされた後、ブラウザーは異なる画像サイズを検出し、ページのレイアウトを自動的に調整します。基本的に、しばらくしてから画像を読み込むたびに、ブラウザーはページレイアウトを再作成する必要があります。このような変更により、ページが移動し続けると、訪問者はテキストを読むことができなくなります。

画像のサイズを事前に指定しておくと、この手間が省けます。

d. スケーリングされた画像を提供する

これは、テーマが画像を処理するように最適化されていない場合に行う必要があります。理想的には、使用しているテーマを画像最適化のあるテーマに変更できます。または、Force Regenerate Thumbnails や Regenerate Thumbnails などのプラグインを使用してサムネイルを作成することもできます。そのようなプラグインを使用する前に、サムネイルの正しいサイズを設定してください。

7. Gravatar の最適化

グローバルアバターを使用すると、ウェブサイトのコメント投稿者と同様に、プロフィールに写真を掲載できます。間違いなく、Gravatar を使用することには大きな利点がありますが、最も重大な欠点は読み込み時間が遅いことです。さらに、Gravatar には複数のリダイレクトが組み込まれており、サイトがさらに遅くなります。

次の方法で、Gravatar によって引き起こされる肥大化を回避できます。

Web サイトで Gravatar を無効にする
投稿から過度のスパムコメントを削除する
コメントフォームに reCAPTCHA を追加する
一度に少数のコメントのみを表示するように WordPress の設定を構成する
最後に、Gravatar のキャッシュプラグインを使用します。

8. 動画と画像の遅延読み込み

画像の遅延読み込みは、Web サイトの読み込み時間を大幅に改善する効果的で簡単な最適化オプションです。遅延読み込みを行わないと、画像や動画などのすべてのメディアファイルが、そのセクションまでスクロールする前に読み込まれます。これにより、特にWebサイトに多くの画像/ビデオがある場合、Webサイトが明らかに遅くなります. 遅延読み込みは、訪問者が Web ページ上のセクションにスクロールしてから、画像やその他の重いアセットを読み込みます。適切に実行すると、Lazy Load は Web サイトの速度を大幅に向上させることができます。

Lazy Load の使い方を学びましょう

まず、WordPress ディレクトリから遅延読み込みプラグインを取得してインストールします。
プラグインの設定に移動して構成します

遅延読み込みには複雑な手法が伴うことに注意してください。正しく構成されていないと、Web サイト全体が台無しになる可能性があります。

9. Disqus の遅延読み込み

おそらく、従来の WordPress コメントシステムを Disqus に置き換える時が来たのでしょう。高度で非常に効果的なスパム防止機能とモデレーション機能は高く評価されていますが、ロード時間などのコストがかかります。

Disqus がサイトに読み込まれるたびに、10 個の追加のリクエストがサイトの速度を低下させます。ありがたいことに、Disqus 自体の遅延読み込みを引き起こす Disqus Conditional Load などのプラグインがあります。この Disqus Conditional Load は、訪問者がページの最後までスクロールしたときにのみコメントを読み込みます。

10.投稿の修正を制限する

デフォルトでは、WordPress は、わずかな変更を加えた場合でも、投稿のすべてのリビジョンを保存するように設計されています。したがって、頻繁に編集/更新される投稿の場合、まったく同じ投稿のコピーが何十回も作成されてデータベースがいっぱいになります。

これを避けるために、WordPress に保存されるリビジョン/更新の数を制限できます。通常、3 ～ 5 個で十分です。これを行うには、 wp-config.phpファイルに簡単なコードを配置します。

 define ('WP_POST_REVISIONS', 3);

コード内の番号を変更して、必要なリビジョンの数を調整できます。

ただし、このコードは新しい投稿に対してのみ機能します。古い投稿のリビジョンを削除するには、WP-Optimize や Advanced Database Cleaner などのデータベースクリーンアッププラグインを使用できます。プラグインを使用した後は、プラグインを削除するだけです。

11. スパイダーとクローラーを制限する

スパイダーと Web クローラーは、常にサイト上のリソースを探しています。役立つ検索エンジンスパイダー以外にも、スパムボット、スクレイパー、メールスクレイパーなどのボットが Web サイトを頻繁にクロールします。サイトから情報を盗むだけでなく、サーバーはそれらにサービスを提供するためにリソースを消費する必要があります。

したがって、Web サイトでのボット活動を管理して、次の方法でそのような無駄なクロールをチェックするのが賢明です。

.htaccess ファイルを使用して、既知の悪意のあるボットをブロックできます。
そのようなボットが市場で新たに見られる場合、Web サイトからボットをブロックできます。
セキュリティプラグインの WordFence を使用して、ボットを抑制し、IP アドレスを手動でブロックできます。

12.JavaScriptフリーのソーシャルメディア共有ボタンの利用

はい、訪問者を励ますために美しいソーシャル共有ボタンが必要です。しかし、主に JavaScript で作成されたソーシャル共有ボタンは重いです。ウェブ全体でユーザーを追跡し、読み込みに時間がかかります。
そのため、JavaScript を使用しないソーシャル共有ボタンを使用すると役立ちます。そのためには、既存のボタンを削除して、sharingbuttons.io などのサービスを使用してください。

13.ボーナス

結果にまだ満足していない場合は、さらにいくつかのトリックに従うことができます。これらのトリックは、主にプロのコーダー向けです。それらをリストアップしましょう。

絵文字と埋め込みを無効にする
クエリ文字列を削除する
ショートリンクタグを削除する
REST API リンクの削除
Google マップを無効にする
WooCommerce スタイルシート/ウィジェットを無効にする
Google フォント/サーバーフォントをローカルで使用しない
Font Awesome アイコンの最適化
XML-RPC を無効にする
WordPress のバージョンを非表示にする
RSD リンクタグの削除
CSS と Javascript を連結する

iii) 異なる問題、異なる解決策

ウェブサイトの速度最適化の有用性とその手法を知っていることは、良い出発点です. ただし、これらすべての手法を Web サイトに適用する必要はありません。つまり、同じビジネスや同じサイトは 2 つとないため、最初のステップは、所有している WordPress サイトの性質/タイプを理解することです。

そのため、静的サイトの場合、サイトのコンテンツを定期的に更新することはありません。おそらく、あなたは月にわずか数回しか作っていません。静的サイトには、ローカルビジネスの Web サイト、ブログ、写真、個人などが含まれます。このようなサイトはデータベースが少ないことを示しているため、優れたパフォーマンスを達成するために多くのリソースは必要ありません。

一方で、e コマースやオンラインフォーラムなどの非常に活発な Web サイトがある場合、WordPress サイトのデータは頻繁に (1 分ごと、または 1 秒ごとに) 変更されます。このような場合、サーバーソースとデータベースクエリを追加する必要があります。

そして、他の種類の Web サイトがあります。通過型と消費型です。 Web サイトが主に情報提供を目的としている場合、訪問者は 5 ～ 10 分間滞在し、立ち去る必要があるときを見つけることができます。一方、オンライントレーニングコースの Web サイトなど、消費する Web サイトは訪問者を何時間も維持します。このような Web サイトへの同時訪問者は、同時セッションに参加します。

これがどこに向かっているのか分かりますか？同時訪問者は、前のセッションの情報を迅速に蓄積する必要があります。「キャッシュできない Web コンテンツ」の問題に加えて、多くの同時サイト訪問者がいると、悪夢になります。

基本的に、すべての WordPress Web サイトを同じ方法で処理することはできません。十分な情報に基づいた決定を下す必要があります。

結論

間違いなく、WordPress を高速化するためのさまざまな方法をカバーするチュートリアルが豊富にあります。しかし、すべてを 1 か所で見つけるのは難しい場合があります。サイトの読み込みを高速化するために従うことができるすべてのテクニックをリストしたので、これがお役に立てば幸いです. さらに、専門家からの支援が必要な場合は、認定された WordPress 専門家を Codeable で見つけるか、カスタマイズリクエストフォームを送信してご連絡ください。

幸運をお祈りしています！！