Webページの読み込みを遅くしている隠れた要因| それらを回避する方法

公開: 2019-12-28

読み込みに4秒以上かかり、ユーザーの46％がパフォーマンスの低いウェブサイトに再度アクセスしない場合、訪問者の4人に1人がウェブサイトを放棄します。

さらに、調査によると、読み込み時間が2秒増えると、サイトのバウンス率が103％増加する可能性があります。読み込み時間が100ミリ秒増えるだけで、コンバージョン率が7％低下する可能性があるだけではありません。

ページ速度は、サイト全体のパフォーマンスを成功させる上で重要な役割を果たします。それはあなたのウェブサイトの多くの重要な測定基準に影響を与えます。たとえば、あなたのサイトの可視性とあなたのウェブサイトのコンバージョン率はそれらの2つです。

Webサイト全体の速度を最適化することは明確な要件ですが、それを可能にする方法を理解するのは難しい場合があります。そのため、この記事では、隠れた要因を見つけて、それらを適切に解決することを目的としています。

次のソリューションを実装する前に、高品質のWebサイトトラフィック推定器を使用してWebサイトのトラフィックを推定し、明確なアイデアを得ることができます。それでは、メインの議論に入りましょう。

ウェブページの読み込みを遅くしている要因

見積もりが完了したら、それはサイトのパフォーマンスの現在の段階を知っていることを意味します。これで、問題を見つけたら、サイトの速度に影響を与える主要な要素の最適化を開始できます。あなたのサイトを遅くする原因となる主な要因を見てみましょう。

1.レンダリングブロッキングJavaScript

JavaScriptは、Webページを機能的かつインタラクティブにするために使用されますが、これも問題として表示される可能性があります。最適化されていないJavaScriptは、ページの読み込み容量を減らす可能性があります。

レンダリングとは読み込みを意味し、レンダリングブロックとはページができるだけ早く読み込まれないようにすることを意味します。ブラウザがWebページを表示しようとすると、停止する必要があります。その場合、ロードするJavaScriptファイルが見つかった場合、ページのロードが迅速に妨げられます。

これは「レンダリングをブロックするJavaScript」、つまりページの読み込みを高速化するJavaScriptと呼ばれます。

回避する方法：

レンダリングをブロックするJavaScriptを取り除くには、外部JSファイルを削除し、代わりにインラインJavaScriptを使用します。非同期読み込みを使用して、JavaScriptJSがページ速度を妨げることなく個別に読み込むことができるようにします。ページの残りの部分がユーザーに表示されるまで、JSの読み込みでdefer属性を使用することもできます。

2.コンテンツ配信ネットワーク（CDN）を使用しない

コンテンツ配信ネットワーク（CDN）は、地理的に異なる場所にある複数のサーバーで構成されています。 CDNを使用すると、サイトのデータのコピーをそれらに保存でき、データは最寄りのサーバーからユーザーに読み込まれます。

回避する方法：

WordPressでは、面倒なことなく問題を解決できます。今回は、Cloudflare、MaxCDNなどの高品質のプラグインを画像やビデオ用に入手できます。JetpackCDNを使用できます。さらに、WebサイトでjQueryを使用している場合は、サーバーを使用せずにCDNを使用できます。

3.最適化されていない画像

画像のサイズとフォーマットが最も重要です。大きくて最適化されていない画像は、Webサイトの速度を低下させる主な理由の1つです。さらに、高解像度の画像はWebサイトの多くの帯域幅を消費する可能性があります。

画像形式は、サイトの速度を低下させるもう1つの重要な側面です。たとえば、JPEGまたはJPGは、PNGやGIFなどの他の形式よりもサイズがはるかに小さくなります。そのため、サイトでJPEG形式を使用すると、ユーザーエクスペリエンスが向上します。

回避する方法

この問題を解決するには、Webサイトにアップロードする前に、サイトの画像のファイルサイズを確認してください。最適化されていない画像は、帯域幅をカバーするために費用がかかる可能性があるため、削除してください。 PNGを使用する代わりにJPEGを使用することは、優れたソリューションになる可能性があります。さらに、ウォーターフォールテストを使用して画像サイズをスキャンし、完全性を確認できます。

4.過度の派手なコンテンツ

派手なコンテンツを使用してユーザー間の双方向性を高めることはできますが、Webページの速度が低下する原因となる場合があります。サイズがかさばり、サイトの読み込みが速くなるため、その背後にある主な理由。

回避する方法：

バランスの取れた方法でフラッシュコンテンツを減らすことができ、これによりサイトの速度が向上します。ただし、読み込みを体験するには、HTML5の代替を探し、既存のFlashコンテンツをこれに置き換える必要があります。

5.大量のHTTPリクエスト

JavaScript、CSS、および画像ファイルの負荷が高すぎると、HTTPリクエストが多すぎる可能性があります。ユーザーがウェブサイトを使用してデータのリクエストを送信する場合、HTTPリクエストが多すぎると、通常、データのレンダリングに時間がかかります。

回避する方法：

この問題を解決するには、スプライトを使用してHTTPリクエストを減らすことができます。可能な場合は、画像ファイルの数を減らしてください。 CSSファイルとJavaScriptファイルも縮小できます。

6.軽量のプラグインとテーマを使用する

テーマはどのWebサイトのコアコンポーネントでもありますが、目的を果たすために適切なテーマを選択しないと、負担になる可能性があります。市場にはたくさんのテーマがあります。すべてのテーマが同じ品質を維持しているわけではありません。整理されていない方法でコーディングされたテーマは、読み込みが遅い問題を引き起こす可能性があります。

プラグインは、特定のWebサイトにさまざまな機能を追加するために使用されます。お問い合わせフォームビルダー、WordPressテーブルプラグイン、SEO用プラグインなどのさまざまな種類のプラグインを使用する必要がある場合があります。これはかなり良いことですが、Webサイトにロードするのに時間がかかると面倒になります。それに応じてコーディングされていないプラグインは、読み込みが遅い問題を引き起こす可能性があります。

回避する方法：

この問題を取り除くには、軽量の高品質のテーマとプラグインを選択するときに使用するのが賢明です。あなたはそこにたくさんの高品質のWordPressテーマとプラグインを手に入れるでしょう、しかしあなたはそれらを注意深く認める必要があります。

7.データベースのオーバーヘッド

データベースが、一時的なもの、ログ、およびプラグインやテーマからのその他のエントリなど、時間の経過とともに作成される可能性のある無関係なアイテムでいっぱいになった場合。このタイプのオーバーヘッドが多すぎると、必要以上のデータベースが消費されます。

データベースからの応答を待っている間にWebサーバーがタイムアウトする場合もあります。

回避する方法：

オーバーヘッドを削除することによるデータベースの最適化は、この問題を解決するための優れたソリューションになる可能性があります。この場合、ほとんどのWebホストは、phpMyAdminを使用してデータベースへのアクセスを提供します。 phpMyAdminの使用に慣れていない場合は、 WordPressコマンドラインインターフェイス（WP-CLI）を使用できます。

8.かさばるコーディングが多すぎる

コードを使用してアプリケーションを実行すればするほど、Webサイトの読み込みに時間がかかります。つまり、コーディング構造に文字やスペースなどの不要な要素が含まれていると、Webサイト全体の読み込みに時間がかかります。

回避する方法：

不要な要素を削除して、使用しているコードを縮小します。手動で縮小するのが難しい場合は、Optimizeなどの高品質のプラグインを使用してすべてのファイルを最小化できます。インラインCSSの使用に怠惰にならないでください。

9.表示する広告が多すぎる

これは、広告を表示することがトラフィックの多いWebサイトを収益化するための優れた方法であることは事実です。これにより、読み込みが速いWebサイトで問題が発生する可能性があります。たとえば、ポップアンダー広告、インタースティシャル、自動ダウンロードなどのリッチメディア広告は、何百ものHTTPリクエストを作成し、ウェブサイトが応答しなくなる可能性があります。

回避する方法：

まず第一に、あまりにも多くの広告があなたのウェブサイトを遅くするもう一つの原因にならないようにしてください。 Webサイトのパフォーマンスを向上させるために、ディスプレイ広告の数を制限していることを確認してください。

10.キャッシング技術の使用の欠如

キャッシングとは、ユーザーがWebサイトを閲覧するときに、ブラウザーが静的コピーを保存することを意味します。その後、ユーザーがサイトに再度アクセスすると、ブラウザはそれらのキャッシュデータをリロードせずに表示できます。キャッシュデータが多すぎると、Webサイトの速度が低下する原因の1つになる可能性があります。

回避する方法：

WordPressには、市場に出回っているキャッシュの問題に対処するための確かなソリューションがいくつかあります。 HTTPやデータベースクエリなどの重要なものをキャッシュすることもできますが、混乱させないでください。

最後の言葉

ウェブサイトのUXを向上させるには、ウェブサイトの読み込みが高速であることが重要です。あなたのウェブサイトの応答時間はその成功と失敗に密接に関係しているからです。最も重要なことは、サウンドページの速度は上記のようにさまざまな要因に依存していることです。

あなたのウェブサイトが遅くなっている理由を正確に見つけるのは難しいですが、すべての可能なステップを測定し、これらを行動に移すことが大いに必要です。使いやすさとコンバージョン率を高めるために、サイトの読み込み時間が遅くなり、SEOとUXが向上することを確認する必要があります。

結論

消費者の意思決定の95％は潜在意識レベルで行われます。
ジェラルドザルトマンズ–ハーバードビジネススクール教授

したがって、Webページの速度が十分でない場合、他のすべてが最終的に影響を受けます。毎秒カウントし、ミリ秒ごとに大きな違いが生じる可能性があることをあなたは知りません。上記の側面に従うことにより、可能な限り最良の方法でスピードアップするためにあなたのウェブサイトを最適化することができます。

この記事が、サイトの速度を低下させている要因と、それらを正確に修正する方法を理解するのに役立つことを願っています。それでも私たちと共有することがあれば、コメントボックスで知らせてください。

YouTubeチャンネルに登録していない場合は、YouTubeチャンネルに登録して、WordPress関連のヒントやコツを入手してください。また、TwitterやFacebookでフォローしてください。 Facebookで人気のFluentFormコミュニティに参加することもできます。