なぜ私のWordPressサイトはとても遅いのですか? (そしてそれをスピードアップする方法)

公開: 2019-12-21

遅いウェブサイトはトラフィックと収入の損失につながります。 Pingdomによると、読み込み時間はバウンス率と直接相関しています。つまり、複数のページにアクセスせずにWebサイトを離れる人の割合です。

ますます多くの人々がモバイルデバイスでインターネットを閲覧しています。モバイルデバイスは、インターネット接続の信頼性が低いことがよくあります。 そして、誰もが接続性の良い地域に住んでいるわけではありません。 あなたのウェブサイトの読み込み時間が長い場合、あなたはそれらにアクセスできません。

人々があなたをどのように見つけ、どのデバイスを使用しているかに関係なく、Webサイトの読み込み時間をできるだけ短くすることにマイナス面はありません。 私たちはあなたのWordPressサイトが遅いかもしれない理由といくつかの可能な救済策を探求するつもりです。

1.WordPressサイトの速度をテストします

ロード時間に影響を与える要因は非常に多いため、テストを実行して最大の貢献者を特定することから始めます。 人気のあるツールの1つはGTmetrixで、GoogleのPageSpeedとYahooのYslowの2つのテストを同時に実行します。 それぞれがあなたに文字の成績とパーセンテージの成績を与えます。 GTmetrixの概要は、通常、次のようになります。

speed-testing.png

上記の「ページの詳細」セクションを確認することから始めます。このセクションには、サイトに関する重要な情報が記載されています。 「完全に読み込まれた時間」は、ページがユーザーのブラウザに完全に読み込まれるまでにかかる時間を示します。 公式のベンチマークはありませんが、ロード時間は2秒未満になるように努力する必要があります。

Webサーバーが訪問者に近接しているとロード時間に影響を与える可能性があるため、サイトを訪問者の大多数のできるだけ近くでホストする必要があります。 この場合、テストサーバーがカナダにあったことは注目に値します。 Webサーバーがヨーロッパにある場合、Fully Loaded Timeは特に正確ではなく、ヨーロッパのユーザーが体験することを表していない可能性があります。

「合計ページサイズ」は、パフォーマンスの優れた初期指標です。 GTmetrixによると、平均合計ページサイズは3.25MBです。 かなり高い場合は、問題がある可能性があります。 ただし、Webサイトはそれぞれ異なるため、サイトの目的とページコンテンツのコンテキストでこれを考慮してください。

「リクエスト」の値は、クライアント(あなた)からサーバー(あなたのウェブサイト)に対して行われたHTTPリクエストの数です。 実際には、各リクエストはダウンロードされるファイル(HTML、CSS、JavaScript、または画像)です。 各リクエストの処理には時間がかかるため、一般的には、この数をできるだけ少なくする必要があります。 GTmetrixによるページあたりの平均リクエスト数は91です。

サイトリクエストの数を減らしたい場合は、CSSファイルとJSファイルを組み合わせることができます。 WordPress.orgリポジトリは、これを処理できるさまざまなプラグインオプションを提供します。

PagespeedとYslowの結果は、多くの有用な詳細を提供しますが、非常に技術的になる可能性もあります。 最小限の労力で最大の利益をもたらすサイトをスピードアップする簡単な方法をご紹介します。

2.読み込み速度を上げるために画像を最適化します

パフォーマンスの最適化作業では、基本から始めます。 多くの場合、画像は遅いWebサイトの最大の原因です。 Webサイトに画像がある場合は、ファイルサイズを小さくするために改善できる可能性があります。

  • 画像を圧縮します。 画像は、「可逆圧縮」(画質の低下がない)または「不可逆圧縮」(画質の低下)のいずれかになります。 鮮明さが大幅に低下することに気付かずに、画像をどれだけ圧縮できるかに驚くかもしれません。
  • 必要以上に大きい画像ファイルをアップロードしないでください。 レイアウトで幅300ピクセルの画像を使用している場合は、1200ピクセルの画像をアップロードしないでください。
  • 正しい形式を使用してください。 シンプルなアイコンはSVG、透明度が必要なものはPNG、その他の写真はJPEGである必要があります。
  • サイトに遅延読み込みを追加します。 サイトの読み込み時にすべての画像を表示すると、ウェブサイトは必然的に多くのユーザーには表示されない画像を提供します。たとえば、ページの下部にある画像を見つけるにはスクロールが必要です。 遅延読み込みとは、画像がユーザーの画面に表示されていない場合、画像が読み込まれないことを意味します。 これは、サイトの速度に大きな影響を与える可能性があります。 遅延読み込みの設定は少し難しい場合がありますが、幸い、この機能はJetpackに含まれています。

さらに深く掘り下げたい場合は、WooCommerceに画像の最適化に関するすばらしい記事があります。

3.ビデオとオーディオを外部でホストします

ビデオとオーディオは、Webサイトの訪問者を引き付けるための優れた方法です。 残念ながら、コストがかかります。ファイルが大きくなり、ロードに時間がかかります。 メディアを高度に制御したい場合を除いて、ビデオとオーディオを外部でホストすることを検討してください。 さまざまな機能と価格で、さまざまなサービスを利用できます。 ビデオとオーディオをオフサイトでホスティングすると、帯域幅の消費も節約され、サイトのホスティングコストが削減される可能性があります。

Jetpackは、WordPressサイトに最もシームレスなソリューションを提供し、完全に広告なしです。 メディアライブラリやポストエディターと直接統合され、WordPress用に特別に最適化されています。 JetpackがWordPressサイトのビデオホスティングにどのように役立つかについての詳細をご覧ください。

4.WordPressに適したホスティングを選択します

特定のニーズに合った適切なホスティングプロバイダーを選択することが重要です。 考慮すべきいくつかの要因:

  • あなたの聴衆はどこにいますか? サーバーに近いユーザーの場合、Webサイトの読み込みが速くなります。 ターゲットオーディエンスの近くにサーバーがあるホストを選択します。
  • 共有、クラウド、または専用? 共有ホスティングは、サーバーを数百または数千のWebサイトに分割し、多くの場合、最も経済的なオプションです。 通常、トラフィックの少ないサイトでは問題ありません。 クラウドホスティングはここ数年で非常に人気があり、選択したプランに固有の保証されたリソースと、簡単にスケールアップまたはスケールダウンする機能を提供します。 これは、突然のトラフィックの急増がある場合に最適です。 専用サーバーは、HDD、CPU、RAM、帯域幅などのすべてのサーバーリソースとともに、すべてあなたのものです。 これは通常、大規模なサイトに最適なオプションですが、クラウドホスティングよりも費用がかかり、トラフィックの急増に対処する能力が低くなります。
  • どのようなリソースが必要ですか? あなたはこれを最初は知らないかもしれません、そしてあなたのウェブサイトが成長するにつれてそれは変わるでしょう。 計算が簡単なリソースもありますが、CPUやRAMなど、多くの要因に依存するため、より複雑なリソースもあります。 共有サーバーの段階を超えて成長したが、必要なものが正確にわからない場合は、拡張性があるため、クラウドホスティングが理想的な選択肢となる可能性があります。
  • ホストはどのバージョンのPHPを提供していますか? PHPは、WordPressが構築されているプログラミング言語です。 PHPの最新バージョンは、最新の言語機能とセキュリティ更新機能を備えているだけでなく、はるかに高速かつ効率的に実行されます。 通常、実行しているPHPのバージョンは、Webホストのコントロールパネルを確認するか、[PHPバージョンの表示]などのプラグインをインストールすることで確認できます。 ホストがまだ5.6を実行している場合は、アップグレードのためにホストをプッシュするか、新しいソリューションを探す必要があります。 WordPressPHPの要件の詳細をご覧ください。
  • ダウンタイムが発生していますか? サイトが頻繁にダウンする場合は、ホストが不安定で、プロバイダーを変更したい場合があります。 Jetpack Backupは、Webサイトの移行を支援し、無料のダウンタイム監視を提供します。

5.WordPress対応のCDNを使用する

サーバーをオーディエンスの近くに配置することをお勧めします。 しかし、その聴衆が世界中にいるとしたらどうでしょうか。

その場合、コンテンツ配信ネットワークが大いに役立つ可能性があります。 CDNは、サーバーからアセット(画像、CSS、JavaScript、ビデオ、オーディオなど)を取得し、それらをグローバルに分散されたサーバーネットワークにオフロードします。 これは、アセットをユーザーに近い場所から提供でき、サイトの読み込みが速くなることを意味します。

多くのCDNがあり、それぞれにさまざまなコストがあります。 BunnyCDNなどの一部はWordPressプラグインを提供しますが、その他は手動セットアップまたはサードパーティソリューションを必要とします。 Jetpackには、数回クリックするだけでセットアップできるSiteAcceleratorと呼ばれる無料のCDNが含まれています。

6.キャッシュを実装して、WordPressサイトを高速化します

各WordPressサイトはデータベースを利用しており、ページの読み込みごとにそのデータベースから情報を取得する必要があります。 これはサーバーに負担をかけるだけでなく、実行にも時間がかかります。 ページキャッシュは、Webサイトを高速化するための一般的な方法です。これにより、データベースからデータをフェッチする必要がある回数が減ります。

ページキャッシュとは、静的バージョンのページが保存され、各ユーザーに提供されることを意味します。 現在、多くのWebホストには、サーバーレベルでのWordPressページキャッシュが含まれています。 そうでない場合は、WPスーパーキャッシュのような優れたプラグインソリューションが利用可能ですが、最適な結果を得るには、ある程度の知識と構成が必要であることに注意してください。

7.WordPressプラグインとテーマを慎重に選択します

プラグインには独自のPHP、CSS、JavaScript、画像などがあるため、インストールするプラグインごとにサイトの速度が低下する可能性があります。 プラグインを賢く選択し、レビューに注意を払ってください。

プラグインがサイトの速度に悪影響を与えていないことを確認するには、新しいプラグインをインストールした後、GTmetrixなどのツールでサイトをスキャンして、速度に大きな影響があるかどうかを確認します。 また、多くのプラグインを使用している場合は、Jetpackなどの複数の機能を備えた1つのプラグインを使用して統合できる場合があります。 CDN、画像の最適化、バックアップ、セキュリティ、分析、およびその他の多くのツールを提供します。

テーマには特に注意する必要があります。 機能満載のテーマは素晴らしいように聞こえるかもしれませんが、それらの機能には多くのコードが付属しています。 それらのすべてを使用していない場合は、サイトの速度が不必要に低下しています。 繰り返しますが、テーマのパフォーマンスをテストする簡単な方法は、GTMetrixでテーマのデモをスキャンすることです。 スコアの一部はデモのサーバーの構成に基づいていますが、リクエスト数、読み込み時間、ページサイズが速度の良い指標になる場合があります。

WordPressサイトをスピードアップ

通常、WordPressのWebサイトが遅い原因は1つではありません。 プラグインをインストールした後の速度低下など、問題が明らかな場合もありますが、ほとんどの場合、追跡するのは困難です。 これは、コンテンツとプラグインを頻繁に更新し、大量のトラフィックを受信する忙しいWebサイトに特に当てはまります。

Webサイトのパフォーマンスを維持するには、ベストプラクティスに固執します。WordPress、プラグイン、テーマを定期的に更新し、速度の変化を常に監視します。 ウェブサイトをスムーズに運営し続けるには、サイトの寄稿者を教育することも含まれます。 巨大な画像を不必要に挿入していないことを確認し、プラグインを任意にインストールできないように、適切なレベルのアクセスのみを許可してください。

全体として、いくつかの簡単な手順で大幅な速度向上を実現できます。 Jetpackは、遅いWebサイトをすばやく修正するために必要なすべてを提供します。

Jetpackスピードツールの詳細をご覧ください。