ページ速度が遅くなる8つの問題とその修正方法

公開: 2021-12-08

Web サイトのパフォーマンスは、オンラインプレゼンスの最も重要な要素の 1 つです。そのため、Web サイトの速度低下の原因となる可能性のある問題に取り組む必要があります。

このブログでは、サイトの速度に影響を与えるいくつかの要因と、それらに対してできることの概要を説明します。

1. 標準以下のホスティングサービスを使用している

サイトを世界中で利用できるようにするホスティングサービスは、成否を左右する要素になる可能性があります。実績があり、特定のニーズに適したホストを選択したいと考えています。

他にどれだけ予防策を講じても、この手順をスキップすると、帯域幅を超える圧倒的なオンライントラフィックのために、ページの読み込みに永遠に時間がかかる可能性があります. 貧弱なホスティングサービスを使用している場合、Web サイトの訪問者は読み込み時間が非常に遅くなり、いくつかの機能が壊れ、場合によっては Web サイトがまったく利用できなくなる可能性があります。そのため、期待とニーズを満たす信頼できるホストを見つける必要があります。

2. メディア資産を最適化していない

ビデオや画像などのメディアは、コード、スタイルシート、テキストなどの他の形式のコンテンツよりもはるかに多くのスペースを占有します。

Google によると、画像はページの重さの最大の要因になる傾向があり、読み込みが遅くなります。画像を最適化しないと、最終的にパフォーマンスバジェットをすべて使い果たしてしまいます。最適化されていない画像は、パフォーマンス、応答性、視覚的な安定性という 3 つの Google Core Web Vitals に直接影響を与える可能性もあります。

ただし、画像をページから完全に削除することはできません。現時点で最も効率的な解決策は、それらを最適化することです。

唯一の問題は、最適化プロセスに時間がかかる可能性があり、次のようないくつかの手順で実行する必要があることです。

適切な次世代フォーマットの使用 (ページが読み込まれるデバイスによって異なる場合があります)
ペイロードを減らすために、画像のサイズと品質を適切に圧縮する
最適な表示サイズと密度の使用
遅延読み込みの使用 (必要なときにのみ画像を読み込む)

ご想像のとおり、Web サイトにアップロードするすべての画像に対してこのプロセスを実行するのは、面倒で時間がかかる場合があります。

幸いなことに、自動画像最適化を提供するために特別に設計された多数のサービスがあります。これらのサービスは、Web サイトの画像を読み込んでいるユーザーのコンテキストを分析し、それぞれのユーザーのニーズに合わせて最適化されたバージョンの画像を提供します。これらのプラットフォームのほとんどでは、ビデオと画像の最適化機能を向上させるために小さな JavaScript プラグインをインストールする必要があることに注意してください。

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

JavaScript (JS) は、Web サイトに一定レベルの対話性やその他の高度な機能を追加することに関しては、トップのプログラミング言語の 1 つです。一方、スタイルを追加する際の標準的なものはカスケーディングスタイルシート (CSS) です。これらは両方とも、現代のほとんどの Web サイトにとって重要な要素です。

ただし、無料で素晴らしいものはありません。これら 2 つを不注意に使用すると、サイトのパフォーマンスに悪影響を及ぼす可能性があります。これを防ぐ方法は次のとおりです。

CSS および JavaScript ファイルを縮小します。
より多くの JS/CSS ファイルをより少ないファイルにまとめます。
外部 JS ファイルの一部をインライン CSS に置き換えます。
コンテンツの読み込みが完了するまで、JavaScript の読み込みを延期します。

メディアは Web サイトの重みに大きな影響を与えることが知られているため、JavaScript は間違いなく 2 つの悪のうち小さい方です。

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

コンテンツ配信ネットワーク (CDN) は、世界中のさまざまな地域に広がるすべてのサーバーに Web サイトのコピーを保存するサーバーのネットワークです。新しい訪問者が Web サイトに到達すると、CDN はそのユーザーに最も近いサーバーからサイトを提供します。

この機能により、ページの訪問者がどこから Web サイトにアクセスしても、ページの読み込みが速くなります。一方、たとえば、サイトが米国でのみホストされている場合、アジアにいる人にとっては適切にロードするのに時間がかかる場合があります.

CDN にはさまざまな種類があり、それらはすべて同じことを行いますが、さまざまなコンテンツ形式の処理に関しては、より優れているものもあります。世界で最も人気のある CDN には、Cloudflare、Fastly、Akamai などがあります。

配信する予定のコンテンツの種類と、どのようなグローバルなカバレッジが必要かを綿密に検討してください。カバーしたい領域の大きさに応じて、特定のターゲットに対してさまざまな CDN を選択できます。

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

Web サイトがより複雑な場合は、対応するデータベースがある可能性が高くなります。実際、ほとんどの WordPress Web サイトには機能するデータベースが必要です。

時間が経つにつれて、膨大な量の情報が絶えずデータベースに出入りします。データが失われたり、古くなったりすることもあります。そのため、データベースを頻繁にスプリングクリーンする必要があります。そうすることで、データベースのストレージサイズが肥大化し、データベースのクエリと要求の速度に影響を与えます。

ほとんどのホスティングプロバイダーでは、phpMyAdmin を使用して手動でデータをチェックおよび調整する必要があります。通常、ホストサーバーのサポートチームがこの問題を解決できる場合があります。また、データベースがローカルにインストールされている場合は、100% 効果的ではないかもしれませんが、試すことができる便利なツールがいくつかあります。

したがって、この問題を完全に回避する最善の方法は、データベースのメンテナンスを実行し、それをルーチンの一部にすることです。

6. インストールされているプラグインやテーマが多すぎる

テーマとプラグインが Web デザインと機能を向上させることができることはわかっています。ただし、プラグインには、Web サイトの複雑さとサイズを増大させる追加のコードとコンテンツが付属していることを忘れないでください。ハンドコーディングされた Web サイトに追加するすべての追加ライブラリとアプレットについても同じことが言えます。

そのため、人目を引くと同時に機能的な Web サイトを設計することが最優先事項です。 Web デザイン戦略とヒントに精通したコンサルティング専門家の適切なチームは、サイトの外観と機能のバランスを維持する方法についてより良い洞察を提供します. プラグインに関しては、ほとんどの専門家は、必要なものだけをインストールし、それ以外はすべて削除するようアドバイスしています。

7. キャッシュを利用していない

Web サイトのパフォーマンスを向上させる最も効果的な方法の 1 つはキャッシュですが、ほとんどの場合無視されています。この 1 つの簡単な手順で、スタイルシート、画像、テキスト、JavaScript ファイルなどを含むコンテンツを保存することで、ページの読み込み時間を大幅に短縮できます。キャッシュがないと、ユーザーはページをナビゲートしてリロードするときに、常にすべてを再ダウンロードする必要があります。

ただし、キャッシングを正しく行わないと、古いコンテンツがユーザーにロードされるなど、重大な問題が発生する可能性があります。ありがたいことに、最新のキャッシュツールのほとんどは、特定のページまたはコンテンツの一部に変更を加えると、自動的にキャッシュをクリアします。つまり、コンテンツが変更されると、ユーザーはコンテンツをリロードします。

8. 広告が足を引っ張っている

最後に、広告はページとその読み込み時間を大幅に遅くする可能性があります。このタイプのメディアは軽量で小さいかもしれませんが、サイトに複数のプレースメントがある場合は特に、ページの読み込みを妨げることはありません.

問題は、これらの広告が外部ソースから読み込まれることにあります。通常、レンダリングに時間がかかります。また、より多くのリクエストが生成され、その結果、安定したページの読み込みが台無しになる可能性があります.

そのため、ページで使用している広告の数と配置場所を調べてください。また、すべての広告を同時に読み込まないようにしてください。

結論

全体として、これらはページが遅くなる最も一般的な要因の一部です。ハイライトしたヒントに従うことで、読み込み速度が向上し、読者により速くコンテンツを提供できます。