Web サイトの実行速度が遅い 10 の理由。

公開: 2022-04-11

実行速度の遅い Web サイトの速度は、実行速度の遅い Web サイトの成功に重要な役割を果たします。 サイトの可視性やコンバージョン率など、さまざまな要因に影響します。 実行速度の遅い Web サイトは、誰もが望んでいないものです。

目次

ウェブサイトの速度が重要な理由

最近のユーザーは、Web サイトが高速であることを期待しています。 Web サイトの読み込みに時間がかかると、ユーザー エクスペリエンスに大きな影響を与えます。

ほんの一瞬でも大きな違いが生じるため、サイトのパフォーマンスを最適化することは非常に重要です。

実行速度の遅い Web サイトの成功が危ぶまれているため、速度を無視することはできません。 圧倒されている場合は、テストを開始して、サイトの現在の位置を判断することから始めるのが賢明です。 多数の時間テストを実行して、ユーザーが待機している時間を確認し、それらの数を減らす作業に取り掛かることができます。

ウェブサイトの動作が遅くなる 10 の理由

1. データベースに過剰なオーバーヘッドがある

「オーバーヘッド」とは、Web サイトのデータベース内の無関係な項目を指します。ログ、トランジェント、および時間の経過とともに構築されるプラグインやテーマからのその他のエントリなどです。 この「オーバーヘッド」が多すぎると、データベース クエリに必要以上に時間がかかる場合があります。 場合によっては、データベースからの応答を待っている間に Web サーバーがタイムアウトになることさえあります。

オーバーヘッドを取り除いてデータを最適化すると、これを防ぐのに役立ちます。 ほとんどの Web ホストでは、ホスティング アカウントを介してデータベース管理プラットフォーム phpMyAdmin にアクセスできます。 phpMyAdmin でテーブルを最適化できない場合は、WordPress コマンドライン インターフェイス (WP-CLI) を使用できます。

2. サイトの CSS が最適化されていない

JavaScript と同様に、サイトの CSS — ページのスタイリングを担当するコードは、最適化されていないままにしておくと、読み込みが遅れる可能性があります。 CSS を形にするために実装できるいくつかのソリューションを次に示します。

  1. 複数の外部 CSS ファイルがある場合は、それらを 1 つまたはいくつかのファイルに結合します。
  2. 外部 CSS を削除し、代わりにインライン CSS を使用してください。
  3. 「メディア タイプ」を使用して、特定の CSS ファイルをいつロードするかを指定します。

インライン JavaScript と同様に、インライン CSS はコードの小さな部分にのみ役立ちます。 いくつかの大きな CSS ファイルがある場合、それらすべてを HTML ファイルに追加しようとしないでください。 メディア タイプを指定し、外部 CSS ファイルを組み合わせると、より大きな効果が得られるはずです。

3. レンダリング ブロック Javascript がページの読み込みを遅らせている

JavaScript は、Web サイトをユーザーにとって機能的でインタラクティブなものにするコードです。 それがなければ、サイトはつまらなくなります。 ただし、JavaScript を最適化しないままにしておくと、ユーザーのブラウザーにページを読み込もうとすると、ページが遅くなる可能性があります。

ブラウザーが Web ページを表示しようとすると、最初に遭遇した JavaScript ファイルを停止して完全にロードする必要があります。 これにより、「レンダリング ブロッキング JavaScript」と呼ばれるもの、またはページがすばやく読み込まれない JavaScript が発生します。

レンダリングをブロックする JavaScript を処理するには、次の 3 つの解決策があります。

  1. 外部 JavaScript ファイルを削除し、代わりにインライン JavaScript を使用してください。
  2. JavaScript がページの残りの部分とは別に読み込まれるように、非同期読み込みを使用します。
  3. ページの残りの部分がユーザーに表示されるまで、JavaScript の読み込みを延期します。

それぞれの方法には長所と短所があります。 一般的に言えば、インライン JavaScript は控えめに使用した場合にのみページ速度が向上します。 ファイルが特定の順序でロードされないため、非同期ロードは問題を引き起こす可能性があります。 そのため、通常は JavaScript の延期が推奨される方法です。

4. コンテンツ配信ネットワーク (CDN) を使用していない

コンテンツ配信ネットワーク (CDN) は、戦略的な地理的位置に配置された複数のサーバーで構成されています。 メインサーバーから遠く離れた場所にいるユーザーがページをすばやくロードできるように、Web サイトのコピーをそれらに保存できます。

WordPress サイトにはいくつかの CDN オプションがあります。 Cloudflare は、画像とビデオの Jetpack CDN と同様に、最も人気のあるソリューションの 1 つです。 DreamPress Plus および Pro プランをご利用のお客様は、Jetpack による CDN を無制限に使用できます。

さらに、実行速度の遅い Web サイトが jQuery を使用している場合は、Web サーバーではなく CDN から読み込むことができます。 jQuery は同じ結果を得るために JavaScript よりもはるかに少ないコード行を使用するため、サイトの速度を向上させるのに特に役立ちます。 Google と Microsoft は、最も人気のある 2 つの jQuery CDN オプションです。

5. メディアが大きいと読み込み時間が長くなる

画像やビデオなどのメディア ファイルは、非常に大きくなる傾向があります。 圧縮して最適化すると、サイズを小さくできるため、読み込み時間が短縮されます。

TinyPNG は、画像を圧縮する無料のオンライン ツールです。 Smush Image Compression や Optimization など、WordPress 内でメディア ファイルを圧縮するために使用できるプラグインもいくつかあります。

6. ウェブサイトのコードが大きすぎる

ユーザーの Web ブラウザーが読み込むコードが多いほど、Web サイトが表示されるまでの時間が長くなります。 コードが「かさばる」か、重要でない文字や改行が含まれていると、サイトが遅くなる可能性があります。 それに応じて、不要な要素を削除することで、そのコードを「縮小」できます。

このタスクを実行するための 2 つの一般的なプラグインがあります。 Autoptimize は、CSS のインライン化と JavaScript ファイルの最適化に加えて、コードを縮小します。 また、WP Super Cache との統合も良好です。

7. 不足しているファイルが原因でエラーが発生している

場合によっては、WordPress のインストールでファイルが欠落している可能性があります。 これが発生すると、ファイルを検索するために追加のリクエストが行われるため、ユーザーは読み込み時間が長くなります。 ファイルが見つからない場合、このプロセスは最終的に 404 エラーになります。

この問題の背後にある原因は数多くあり、さまざまです。 問題の原因を突き止めようとする代わりに、最も速い解決策は、最新のバックアップからサイトを復元することです。 これにより、不足しているファイルがバックアップに保存されているバージョンに置き換えられます。

8.インターネットの問題により、特定のユーザーのスムーズなパフォーマンスが停止しています

最後に、Web サイトのパフォーマンスの低下は、サイト自体の問題ではなく、ユーザーのインターネット サービス プロバイダー (ISP) の問題が原因である可能性もあります。 サイトの速度が遅いのは、ネットワークの輻輳、帯域幅の調整、制限、データの識別、フィルタリング、またはコンテンツのフィルタリングが原因である可能性があります。サイトにアクセスしたときに速度が遅いことに気付いた場合は、コンピューターと Web サイトの間で traceroute を実行して接続をテストできます。 . これにより、問題が ISP に関連しているのか、それともより重大なサイト全体の問題なのかがわかります。

9. Opcache が有効になっていません

OPcache は、コーディング言語 PHP 用の組み込みキャッシング エンジンです。 サイトで PHP を使用している場合、OPcache を有効にすると、結果として PHP の読み込みとページの読み込みが高速化されます。

10. 不適切なスクリプトが他の Web サイトの要素と競合している

JavaScript が適切に記述されていないと、サイトの他の部分との互換性の問題が発生し、読み込み時間が長くなることがあります。 Pingdom、Web Page Test、GTmetrix などのツールを使用して速度テストを実行すると、多くの場合、ロードに時間がかかるスクリプトが指摘されます。

その後、これらのファイルをさらに詳しく調査して、改善方法を理解することができます。 また、潜在的に問題のあるスクリプトを一時的にオフにして、それらを有効にせずにパフォーマンス スコアがどのように変化するかを確認することも役立つ場合があります。