WordPressのパフォーマンスのヒント—知っておくべき基本事項

公開: 2021-12-20

あなたがあなた自身のWordPressウェブサイトを運営しているときあなたが考える必要がある多くのことがあります、そして、ロード速度はあなたの最優先事項の1つであるべきです。 遅いウェブサイトは失われた訪問者を保証します。

サイトのクロールが常に遅くなる場合は、ユーザーベースを完全に失う前に、これを修正するための迅速な手順を実行する必要があります。

ここに問題があります:オンラインにはたくさんのWordPressパフォーマンスガイドがありますが、ウェブサイトの開発に慣れていない場合、それらはしばしば非常に混乱します。

パフォーマンスの最適化は複雑なプロセスになる可能性がありますが、実際には、ページの読み込み時間を瞬時に短縮するための簡単な手順がいくつかあります。

サイトの速度を上げるための迅速で手間のかからない方法をお探しですか? 基本を確認し、読み込み時間を大幅に短縮するWordPress用に特別に調整されたヒントをいくつか紹介します。

結果? あなたの訪問者のためのはるかに良い経験!

目次
  1. ウェブサイトのパフォーマンスが重要なのはなぜですか?
    • モバイルページの読み込み速度
    • オンラインストアページの読み込み速度
    • ウェブサイトの速度が遅くなる原因は何ですか?
  2. サイトの速度をテストする方法
  3. WordPressのパフォーマンスをスピードアップするための10の簡単なヒント
    • より良いホスティングを選択してください
    • 軽量テーマを使用する
    • 不必要で不十分に最適化されたプラグインを削除する
    • すべての画像を圧縮する
    • 画像のホットリンク
    • パフォーマンスプラグインをインストールする
    • PHPバージョンをアップグレードする
    • CDNを使用する
    • ウィジェットと外部スクリプトに過負荷をかけないでください
    • HTML、CSS、Javascriptを縮小する
    • すべてを最新の状態に保つ
  4. サイトをスムーズに運営し続ける

ウェブサイトのパフォーマンスが重要なのはなぜですか?

ウェブサイトのパフォーマンステスト

1秒で多くのことが起こる可能性があります。

ページの読み込み時間が1秒遅れると、ページビューが11%少なくなり、顧客満足度が16%低下し、コンバージョンが7%減少します。 また、Amazonの場合、毎年16億ドルの売り上げが発生する可能性があります。

サイトの読み込みに3秒以上かかる場合、これらの数値は、途方もない量の訪問者や収益の損失につながる可能性があります。

訪問者がイライラして先に進むのにかかる時間は1秒だけです。 特に、サイトのすべてのページの読み込みが遅い場合。 彼らがブラウジングしようとすると、彼らの欲求不満と同様に、遅延が追加されます!

インターネットは今までになく高速になっています。 ページの読み込み時間は、理由によりミリ秒単位で測定されます。 訪問者がWebサイトの読み込みを待つ時間が長いほど、他の場所に移動する可能性が高くなります。

モバイルページの読み込み速度

これは、現在オンライントラフィックの大部分を占めているモバイルユーザーにも当てはまります。

モバイルユーザーは、読み込み時間に関しては焦りがちで、サイトが3秒以内に読み込まれない場合、約53%が完全に残ります。

オンラインストアページの読み込み速度

オンラインストアを運営している場合は、Webサイトの速度も非常に重要です。

eコマースサイトを閲覧するには、通常、複数のページ間をすばやく連続して移動する必要があります。 顧客が商品ページにアクセスしてカートに追加し、チェックアウトの複数のページをナビゲートするまで待たなければならない場合、顧客はあなたから再度購入することはありません。

そのため、オンライン買い物客の52%が、ページの迅速な読み込みが彼らの忠誠心にとって重要であると述べています。

あなたの訪問者が長期的に立ち往生したいのであれば、あなたは彼らに速くてシームレスな体験を与えるべきです。 これは、Webサイトのデザインと使いやすさに反映されている必要があります。これには、Webサイトの読み込み速度も含まれます。

ウェブサイトの速度が遅くなる原因は何ですか?

考えられる原因はたくさんあるので、なぜWebサイトの速度が低下するのかを正確に答えるのは簡単ではありません。 サーバー、Webサイト自体、またはユーザー自身のデバイスの障害である場合もあります。

ただし、多くの場合、遅延の原因となるのはコントロール内の何かです。

  • ウェブホスティング:優れたホストはあなたのウェブサイトを作ったり壊したりします。 多くの場合、最も安価なオプションであるため、ほとんどの新しいブロガーは共有ホスティングを使用します。 また、最も遅いです。 適切なウェブホスティング会社を選択すると、大きな違いが生まれます。 人気があるからといって、ホストと一緒に行くだけでは十分ではありません。
  • サーバーのパフォーマンス:これもWebホスティングの領域にあります。 サーバー構成を変更できる場合もありますが、実際のパフォーマンスの管理はWebホストに依存している可能性があります。 そのため、調査を行い、インフラストラクチャが適切に構築されたホストを選択することが重要です。
  • ページサイズ:ウェブサイトに焼き付けられた要素が多すぎると、読み込みが遅くなります。 サードパーティのウィジェットが原因で複数の外部呼び出しを行うと、パフォーマンスがすぐに低下します。 ウィジェットが多すぎる、テーマやプラグインの作成が不十分、巨大で最適化されていない画像はすべて、Webサイトの速度を低下させます。
  • トラフィックが多すぎる:ホスティングプランの帯域幅制限を超え始めた場合、サイトの速度が低下し始めることに気付くかもしれません。 帯域幅の制限のないウェブホストを選択するか、この状況を回避するためにプランをアップグレードすることができます。
  • ユーザーデバイス:場合によっては、ユーザーのデバイスに、ページに配置したすべてのものを処理する機能が備わっていないことがあります。 モバイルデバイスは、コンピューターよりも大きな要素の読み込みが少し遅く、一部のコンピューターは古いか、ローエンドのハードウェアを備えている場合があります。 これはあなたのせいではありませんが、一部のデバイスは他のデバイスよりも強力ではないことを覚えておいて、できるだけ多くのデバイスでサイトをテストすることをお勧めします。

サイトの速度をテストする方法

ここまで進んだら、ロード時間は訪問者にとって大きな問題であるとおそらく確信しているでしょう。 今それについて何をすべきか?

最初のステップは、サイトの速度をテストし、少しブーストする必要があるかどうかを確認することです。

実際のデバイスでサイトをテストすることは重要ですが、ページの読み込みにかかる秒数を正確に追跡できるサードパーティのツールが多数存在します。 彼らはあなたが間違っていることについての提案さえ提供することができます。 いくつかのオンラインツールを使用してWordPressのパフォーマンスを確認する方法は次のとおりです。

  • Google Pagespeed Insights :Googleには、Webサイトの速度を評価するための非常に便利なオンラインツールがあります。 Webページのあらゆる側面を分析し、ページを高速化し、パフォーマンスへの障壁を最小限に抑えるための幅広い提案を提供できます。
  • GTmetrix: GTmetrixには、WordPressのパフォーマンスを向上させる方法を教える役立つアドバイスと高度なヒントが満載です。 サーバーとページの速度の問題を自動的に検出し、それらを修正する方法を正確に伝えます。 ただし、一部の機能にアクセスするには登録が必要です。
  • Pingdom: Pingdomは、人気のあるパフォーマンス監視ツールです。 彼らのスピードテスターは、ロードにかかる時間とページサイズを正確に教えてくれ、最良の開発慣行に基づいてあなたを評価します。 また、どのタイプのコンテンツ(スクリプト、画像、HTMLなど)が最も多くのスペースを占めているかを示します。
  • マイサイトのテスト:モバイルの最適化が重要であることは言うまでもありません。 Googleのツールを使用すると、3Gネットワ​​ークと4Gネットワ​​ークの両方で、世界中のいくつかの地域からサイトをテストできます。 次に、サイトの速度を競合他社と比較し、より良い方法についての提案を取得します。
  • 上昇傾向:上昇傾向を使用すると、複数の場所、デバイス、ブラウザー、およびシミュレートされたインターネットケーブルタイプからサイトをテストできます。 すごいかっこいい! また、どのような状況でも、どのデバイスでも、サイトのパフォーマンスを確認するのに最適な方法です。

WordPressのパフォーマンスをスピードアップするための10の簡単なヒント

あなたのウェブサイトをスピードアップするための最も簡単で最も効果的な方法のいくつかをお探しですか? これらの一般的な原因は、新しいWordPressインストールの速度低下の大きな原因です。 つまり、サイトの実行速度が遅い場合は、これらを最初に変更する必要があります。

あなたのウェブサイトを再びスムーズに動かすためのこれらの10の最適化のヒントを探してください。

より良いホスティングを選択してください

SiteGroundウェブホスティング

ページ速度は、パフォーマンスの1つの要因にすぎません。 バックエンドサーバーはそれほど重要ではないかのように重要であり、高速サーバーを取得するということは、信頼性が高く高品質のWebホストを選択することを意味します。

まず、他に何も買えない場合を除いて、無料のWebホストは絶対に避けてください。 それでも、無料のサードパーティホストでWordPress.org Webサイトをホストするのではなく、WordPress.comの無料プランを検討する必要があります。

費用はかからないかもしれませんが、無料のホストは非常に遅いことが多く、ダウンタイムが頻繁に発生するか、訪問者の上限を厳しくするか、または3つすべてです。

無料ホスティングを使用している間、良い評判を築く方法はありません。

共有ホスティングは次の段階であり、それは大きな改善ですが、それでも多くの場合、遅いWebサイトの悩みの種です。 共有ホストでは、おそらく何百もの他のWebサイトがある小さな環境に混雑しています。 リソースを使いすぎたり、サーバーをクラッシュさせたりすると、すべての人に影響を及ぼします。

代わりに、VPS、クラウド、または専用ホスティングの購入を検討してください。 これらはすべて、分離された環境とはるかに優れたパフォーマンスを提供します。 価格を上げるだけの価値はあります。

SiteGround、Hostinger、GreenGeeks、Kinsta、FlywheelなどのいくつかのWebホストをお勧めします。 他の多くの高品質のホストが利用可能です。

最後に、Webホスティングサイトのすべての専門用語で混乱する場合のヒントを次に示します。速度が心配な場合は、ApacheではなくNGINXサーバーを使用するホストを探してください。 どちらが決定的に優れているかはわかりませんが、NGINXの方がはるかに高速です。

軽量テーマを使用する

アストラのホームページ

テーマはあなたのウェブサイトのフレームワークです。 サイトのコードとコンテンツのほとんどは、インストールすることを選択したテーマ内にあります。つまり、ページの速度に非常に大きな影響を与えます。

多くのテーマは見栄えがしますが、Webサイトに深刻な打撃を与える、役に立たないスクリプトやウィジェットで行き詰まる可能性があります。 これらは避けるべきです。

コードの最適化は不可欠です。 自分が何をしているかを知っているテーマ開発者は、ベストプラクティスに従い、効率的なコードを使用していることを確認します。

では、テーマがどれだけうまく実行されるかをどのようにテストできますか? テーマがデモページを提供している場合は、URLを上記の速度テストツールの1つに入れて、それらを比較できます。 WP Speedsterもあります。これは、何千もの無料のテーマとプラグインをテストし、パフォーマンスへの影響によってそれらをランク付けします。

私たち自身のテーマであるAstraは、スピード重視で最適化されていることでよく知られています。 最小限のページスペースしか使用せず、他のテーマとは異なり、読み込み時間に大幅な影響を与える可能性のあるjQueryのような不格好なコードを回避します。

一般的に、バンドルされたプラグインやウィジェットが多数含まれているテーマは魅力的かもしれませんが、最適化が不十分であることが多く、サイトの速度が低下することは間違いありません。

最速のテーマは、すっきりとした効率的なデザインと、美しいWebサイトを構築するために必要ないくつかの貴重な機能のみを備えています。

不必要で不十分に最適化されたプラグインを削除する

すべてのプラグインがパフォーマンスの低下に寄与するわけではありません。 仕事を完璧にこなし、パフォーマンスにほとんどまたはまったく影響を与えないものもあります。 しかし、一部のリソースは、それに値するよりも多くのリソースを消費します。

プラグインのコードが十分に最適化されていない場合、または一度に複数の遅いプラグインがインストールされている場合は、サイトの速度がすぐに低下する可能性があります。

プラグインのリストを定期的に整理することをお勧めします。特に、プラグインが数十個インストールされている場合はそうです。 もう使用していないものがありますか? 先に進み、それをアンインストールします。 スペースが少し増え、リソースの浪費が少なくなる可能性があります。

しかし、Webサイトのパフォーマンスに影響を与えているプラ​​グインを探す必要がある場合はどうでしょうか。

WP Speedsterはプラグインの速度もランク付けするので、それらのリストを調べて、インストールしたものがあなたを引きずっている可能性があるかどうかを確認する必要があります。

現在インストールされているプラ​​グインをテストする方法もあります。 クエリモニターは少し圧倒される可能性がありますが、開発者であれば、すべてのプラグインが何をしているかについて多くの洞察を得ることができます。

もう1つのオプションは、サイトの速度を測定し、すべてのプラグインを非アクティブ化してから、再度テストすることです。 著しい改善に気付いた場合は、各プラグインを1つずつ再アクティブ化し、プラグインの速度が低下するまでテストを実行します。

これは、問題を絞り込むための面倒ですが、必要かつ効果的な方法です。

すべての画像を圧縮する

WordPressプラグインを想像してください

これは大きな問題です。特に特定のページ(画像が多いブログ投稿など)でワードプレスのパフォーマンスの問題が発生している場合は、おそらく画像を圧縮する必要があります。

多くの新しいブロガーは画像の最適化について知らないので、それがWordPressサイトのパフォーマンスの低下の主な原因であることがよくあります。

TinyPNGとOptimillaはすべて、ブログにアップロードする前に画像サイズを小さくするのに役立つ優れたオンラインツールです。 アップロードされた画像を自動的に圧縮できるプラグインを使用する場合は、Smush、Imagify、またはEWWWを試してください。

画像のホットリンク

その間、ホットリンク保護を有効にする必要があります。 ホットリンクとは、別のWebサイトが画像のURLを自分のページに埋め込む場合です。 誰かが自分のサイトで画像を表示するたびに、あなたのリソースが画像の読み込みに使用されます!

突然のトラフィックが多いとサーバーのパフォーマンスが低下する可能性があるため、理由がまったくないように見えるため、Webサイトの読み込みが遅くなることがあります。 これが理由かもしれません。

ホットリンクを無効にできるツールがいくつかあります。 この機能は、All In One WP Security&Firewallなどのセキュリティプラグインで特に一般的です。これは、ホットリンクを防ぎ、セキュリティの問題を修正するのにも役立ちます。

Prevent Direct Accessは、メディアファイルを検索エンジンから隠し、ホットリンクされないようにするもう1つのプラグインです。

パフォーマンスプラグインをインストールする

w3トータルキャッシュプラグイン

あなたがあなたのサイトをスピードアップするのを助けるように設計された何百ものプラグインがあります。 これらの重要なツールは、魔法のようにWebサイトを突然高速化する舞台裏の設定を最適化して、すべてのハードワークを処理します。

読み込み時間を瞬時に短縮したい場合は、これらのいくつかを確認してください。 ただし、最適化が不十分なサーバー、プラグイン、またはテーマをWordPressパフォーマンスプラグインで補うことはできないことに注意してください。

  • W3 Total Cacheはコミュニティで非常によく知られており、多くの場合、最初のキャッシングプラグインユーザーは必要なときに利用します。 WP Rocketは、もう1つの人気のある候補であり、プレミアムのみですが、構成なしでそのまま使用できます。 最後に、WP Fastest Cacheはユーザー数でW3と競合しますが、わずかに高い評価とそれに匹敵する多くの機能を備えています。
  • WP-Optimizeがすべてを行います。 これにより、データベースが簡単にクリーニングされ、画像が管理可能なサイズに圧縮され、ページと専用のキャッシュプラグインがキャッシュされます。
  • WordPressをバックグラウンドで開いたままにしておきたい場合は、HeartbeatControlのインストールを検討してください。 WordPressのAPIは、1分あたり数回の呼び出しを行います。これは、サーバーの速度に影響を与え、帯域幅を消費する可能性があります。 このプラグインを使用してトーンダウンします。
  • Clearfyは、Webサイトの速度を低下させている厄介な小さな機能をすべて取り除きます。 ウィジェットを無効にし、Heartbeat APIを削除し、未使用のスクリプトとスタイルをオフにし、不要な他のいくつかのコード要素を削除します。
  • Perfmattersは、すべてを完全に最適化し、不要なコードをクリーンアップし、その過程でWebサイトを高速化する優れたプレミアムプラグインです。
  • Smushの開発者によって作成されたHummingbirdは、Webサイトを最適化、最小化、およびキャッシュして、すべて1つのプラグインにまとめます。 スキャンツールを使用すると、速度を低下させている原因を正確に確認できます。

PHPバージョンをアップグレードする

すべてのWordPressインストールの半分以上は、サポートされていないバージョンのPHPで実行されます。 PHPはWordPressのバックボーンです。 すべてを機能させるスクリプト言語。 それで、あなたが古いバージョンのPHPに固執している多くの人々の一人であるなら、それはあなたにとって何を意味しますか?

これは、セキュリティが低く、コードが古く、サポートがなく、パフォーマンスがひどいことを意味します。 PHPの新しいバージョンは、古いバージョンの2倍以上高速です。 アップグレードすると、WordPressのパフォーマンスがすぐに向上する可能性があります。

WordPressと多くの人気のあるプラグインは、多くの場合、最新の互換性のあるバージョンのPHPで最高のパフォーマンスを発揮します。 最新の状態に保つか、プロンプトが表示されたらアップグレードすると、Webサイトの速度と安定性に大きな違いが生じる可能性があります。

CDNを使用する

一般的なウェブホストの問題は、サーバーが1か所にしか存在しないことです。 近くにあるほど、Webサイトの読み込みが速くなります。 しかし、海外からの訪問者、または世界中からの訪問者を獲得し始めると、ページの読み込み時間が遅くなる可能性があります。

CDN(コンテンツ配信ネットワーク)は、この問題の簡単な解決策です。 CDNサーバーは世界中に分散しており、通常は各大陸に1つ以上、米国にいくつかあります。 誰かがあなたのサイトにアクセスすると、彼らはすぐに彼らに最も近いCDNサーバーにルーティングされます。 そうすれば、誰でも利用可能な最速の接続を使用してサイトをロードできます。

多くのCDNプロバイダーがありますが、Cloudflareは群を抜いて最も人気のあるプロバイダーです。 小さなウェブサイトから始めるための無料プランもあります。

ウィジェットと外部スクリプトに過負荷をかけないでください

外部スクリプトは、ロード時間に大きな負担をかけます。 ほとんどの場合、サードパーティのサーバーにリクエストを送信するよりも、自分のサイトからデータを読み込んでおく方がよいでしょう。

「関連投稿」のような動的ウィジェットも、特にページをオーバーロードする場合に悪影響を与える可能性があります。

ここでは、ページ速度を最適化し、スクリプトが制御不能になるのを防ぐための簡単なヒントをいくつか紹介します。

  • サードパーティのサーバーにリクエストを送信する要素に注意してください(プラグインが主な原因です)。 これらが多すぎると、ページのクロールが遅くなります。
  • 必要な場合を除いて、埋め込み(ビデオ、マップ、ソーシャルメディアの投稿)は避けてください。 フッターにGoogleマップウィジェットが含まれているサイトが多すぎます。
  • 一部のWordPressウィジェットは、サイトに不要なコンテンツを追加する可能性があります。 「最近の投稿」ウィジェットには、抜粋だけでなく記事全体が表示されます。 バックエンドで[設定]>[閲覧]に移動し、[フィード内の記事ごとに表示する]を[概要]に変更できます。
  • また、コメントをページに分割する必要があります(何千ものコメントを含む投稿をロードするのにかかる時間を想像してください!) [設定]> [ディスカッション]に移動し、コメント設定を構成します。
  • ユーザーがすべてのページに外部スクリプトをロードする必要がないように、Googleフォントをローカルでホストします。
  • 小さなリクエストは独自のサーバーに保持する必要がありますが、他のプラットフォームの動画など、大きくて集中的な要素をホストする必要があります。
  • できる限りすべてを遅延ロードします。 画像、動画、ウィジェット、コメント、埋め込み。 すべてに遅延ロードプラグインがあります。 a3LazyLoadはこれらのほとんどをカバーします。

HTML、CSS、Javascriptを縮小する

サイトのコードを縮小して、占有するスペースを減らす必要があります。 HTML、CSS、およびJavascriptをすべて一緒に使用すると、速度に驚くべき影響を与える可能性があります。 これはおそらく数ミリ秒しか短縮されませんが(コードがすでに十分に最適化されていない限り)、それでも違いを生む可能性があります。

Cloudflare CDNを使用している場合は、自動縮小機能を有効にするだけです。 それ以外の場合、Fast Velocity Minifyはリポジトリ内で最も評価の高いミニファイプラグインであり、デフォルト設定は微調整なしで正常に機能します。

また、コードの縮小を含むいくつかの最適化でサイトを高速化するAutoptimizeを試すこともできます。

すべてを最新の状態に保つ

WordPressを更新する

この最後のステップはそれほど重要ではないように思われるかもしれませんが、それがもたらす可能性のある影響に驚かれることでしょう。 WordPressのコア、テーマ、プラグインの更新を常にプッシュバックしていることに気付いた場合は、その習慣を身に付けるときが来ました。

WordPressのアップデートは、多くの場合、新機能、セキュリティの向上、および一般的なコードのメンテナンスを意味します。 また、最適化されたコードと改善されたページ速度をすべての人に含めることができます。

WordPressのテーマを常に最新の状態に保つことは特に重要です。 あなたのテーマは、ページ上のパフォーマンスに最も貢献しているものの1つであり、サイトで最適化をできるだけ早く実行する必要があります。

WordPressで更新を確認するには、バックエンドにログインして[更新]画面に移動します。 ここから、更新をダウンロードしたり、新しい更新を確認したりできます。

サイトをスムーズに運営し続ける

ウェブサイトの速度が遅いために訪問者を失うことはありません。 必要なのは、午後に実行できるいくつかの簡単な手順です。 あなたのサイトははるかに効率的に機能し、あなたの訪問者はより良い体験に感謝するでしょう。

ページの読み込み時間が遅いことは、WordPressサイトでよくある問題です。 新しいブロガーは、プラグインに興奮して過負荷になり、画像を最適化するのを忘れたり、約束された速度を実現できない貧弱なホスティング会社を利用したりする傾向があります。

ただし、このガイドの手順に従うことで、パフォーマンスの低下の原因となる問題を特定し、将来発生しないようにすることができます。 混乱したり技術的なことをする必要はありません。

サイトの速度に影響を与える主なものは、ホスティングの悪さ、重いコードで肥大化したプラグイン/テーマ、外部スクリプトや巨大な画像などのページの読み込み速度に影響を与えるものです。

これらに目を光らせてください、そうすればあなたはあなたのウェブサイトを最高の形に保つことができるでしょう!

サイトの読み込み時間を最小限に抑えるためのWordPressパフォーマンスプラグインは何ですか? お気に入りがあればコメントで教えてください。