適切な最適化によってウェブサイトの読み込み速度を向上させるためのヒント

公開: 2019-07-19

ユーザーは、日常業務でさまざまな理由でWebサイトを使用します。ユーザーがデジタルアシスタントを使用してリクエストを検索する場合、電話でもデスクでも、迅速で適切な回答を期待します。

たとえば、ユーザーが最初に「Webサイトの読み込み速度」クエリを作成した場合、ユーザーは通常、最初に表示された結果をクリックしますが、ページの読み込み速度が予想よりもはるかに長い場合は、十分な可能性があります。ユーザーが別のサイトに移動できること。

あなたのビジネスのために設計されたサイトを持っているだけでは今は機能しません。ウェブサイトの読み込み速度を改善することも重要なプロセスです。 Googleのガイドラインによると、ウェブサイトは3秒以内に読み込まれるはずです。

さらに、数年前に実施された調査では、ダウンロードに25秒以上かかるとユーザーがWebサイトを離れることが明らかになりました。これは、ウェブサイトの読み込み速度が遅いと、サイトのトラフィックが減少し、サイトのランキングが低くなることを示しています。

ウェブサイトの読み込み速度が遅いと、オンラインアクティビティに次のような影響があります。

変換
可視性

1.変換

Conversion

Webサイトの読み込み速度を直接または場合によっては間接的に最適化すると、オンラインアクティビティに影響します。ウェブサイトの読み込み速度が遅いと、特定のウェブサイトのコンバージョン率に影響します。

Hub Spotで公開されたレポートによると、ページの読み込みが1秒遅れても、企業のコンバージョン率が最大7〜8％低下する可能性があります。ウェブサイトの読み込みに時間がかかりすぎると、これは非常にイライラすることがあります。

トラフィックの約40〜45％がこのページを離れ、別のサイトに移動します。これは、1〜2秒の遅延により、すべてのアクティビティが他の競合サイトに転送され、特定の企業の収益が大幅に減少する可能性があることを意味します。

2.可視性

読み込み速度が遅いと、Webサイトのバウンスラットにも影響します。バウンス率がわからない場合は、ページを表示した直後にWebサイトを離れて別のWebサイトにアクセスしたユーザーの割合です。

これはまた、オーガニック検索結果でのランキングの低下につながります。バウンス率が低いほど、ランキングは高くなります。

さらに、最もパフォーマンスの悪いWebサイトは顧客を維持できず、それがその活動の主な理由です。

あなたのウェブサイトがより効率的であるほど、顧客はより満足するでしょう、そして会社の主な役割はその顧客を満足させることです。

しかし、Webページの読み込みに時間がかかりすぎると、顧客はすぐにイライラします。

最新のGoogle広告によると、モバイルページが最初にインデックスに登録されます。これは、Googleで成果の低いウェブサイトのためのスペースがないことを意味します。

オーガニック検索結果でウェブサイトをランク付けする場合は、デスクトップバージョンとモバイルバージョンの両方に合わせてウェブサイトを最適化する必要があります。

報告によると、モバイル版でウェブページをロードするのに約3秒かかります。

したがって、自分のWebページを最適化してそれよりも少ない負荷をかけると、ユーザーは他のWebサイトよりも競争上の優位性を獲得し、Webサイトのオーガニック検索結果でWebサイトを簡単にランク付けできます。

モバイルバージョンでより高速に読み込まれるWebページについては、Accelerated Mobile Pages（AMP）について説明します。現在、適切な最適化によってウェブサイトの読み込み速度を改善することが非常に重要になっています。

この最適化は、次の方法で実行できます。

あなたのウェブサイトをより良いホストに移動する
サーバーの応答時間を短縮する
CSSファイルとJavaScriptファイルの数を減らします
ファイルを減らして結合してみてください
JavaScriptの読み込みを延期する
画像サイズを最適化する
プラグインとウィジェットの数を減らす
コンテンツ配信ネットワークの使用
帯域幅が読み込み速度を低下させる
ブラウザのキャッシュを有効にする
紹介を減らす
外部スクリプトを減らす
時間の経過とともに速度の監視を開始します
モバイルページの速度を監視する

1.ウェブサイトをより良いホストに移動する共有ホスティング

Moving your website to a better host

ホスティング仮想
プライベートサーバー（VPS）
専用サーバー

（a）共有ホスティング–これは、プロセッサとRAMを共有するため、最も安価なタイプのホスティングであり、仮想プライベートホストや専用サーバーと比較して速度が低下します。

これは世界で最も人気のあるタイプのホスティングであり、サイトを非常に迅速かつ安価にオンラインにすることができます。

（b）仮想プライベートサーバー（VPS）ホスティング–これは共有ホスティングへの最速の方法です。この場合、サーバーは共有されますが、他のクライアントが情報にアクセスできないVPSの独自の部分もあります。

これらは、限られた期間だけトラフィックを増やすeコマースなどのサイトに役立ちます。

（c）専用サーバー–これは最も高価なサーバータイプです。これは独自の物理サーバーです。ここでは、サーバーをレンタルして、特定の管理者にサーバーの保守を依頼します。

2.サーバーの応答時間を短縮します

DNSルックアップは、Webページの読み込み時間に影響します。 DNSはドメインネームシステムを指します。基本的にURLをIPアドレスに変換し、DNSルックアップはデータベース内の特定のDNSレコードを見つけます。

たとえば、Webサイトwww.facebook.comのURLを入力すると、DNSはそれをIPアドレスに変換しますが、これはもちろん非常に長く、ユーザーがそれを記憶するのは困難です。この時間はDNSサーバーの速度に依存し、サイトの読み込み速度を決定します。

3.CSSおよびJavaScriptファイルの数を減らします

サイトに適切なJavaScriptおよびCSSアーカイブレイアウトが含まれている場合、サイトへの訪問者があまりにも明示的なレコードを取得する必要があるときに、さまざまなHTTPリクエストが生成されます。

これらのリクエストは、訪問者のプログラムによって自律的に管理され、サイトの作業を管理します。 JavaScriptとCSSレコードの量を減らすと、サイトは高速化されません。

すべてのJavaScriptを1つに蓄積し、さらにすべてのCSSアーカイブを継承するように努めます。これにより、すべてのHTTPリクエストを減らすことができます。 HTML、CSS、JavaScriptのアーカイブをすばやく削減するためのツールはたくさんあります。

たとえば、WillPeavy、Script Minifier、またはGruntデバイスを使用できます。

4.ファイルを減らして結合してみてください

ご存知のように、小さなコードでもファイルサイズが大きくなり、ウェブサイトの読み込み速度がさらに低下します。ファイルのサイズを小さくする必要がある場合があります。

このタスクを実行するための最良の方法は、HTMLとJavaScriptから始めることです。これらは、Webサイトの外観に責任があるためです。

また、ファイルサイズに不必要に追加される小さなファイルを最小化して結合するようにしてください。ここでの縮小は、不要なフォーマットと空白の間隔を削除することです。

5.JavaScriptの読み込みを延期する

JavaScriptレポートとは、ページのコンテンツが読み込まれるまでJavaScriptの読み込みまたは分析が開始されないことを意味します。これは、ページの基本的なレンダリングには影響しません。

スクリプトの実行は、ページの分析が完了すると開始されます。これらの提案の1つは、JavaScriptをページのベースに最後の直前にロードする必要があるということです。ラベル。

この場合も、JavaScriptをページの下部に配置すると、ユーザーには最初にページが読み込まれ、次にJavaScriptコードがバックグラウンドで読み込まれます。

6.画像サイズを最適化する

Optimize image size

画像は、視覚的な魅力を与え、サイトを操作するユーザーをますます引き付けるため、Webサイトの非常に重要な部分です。画像を含まず、コンテンツのみを含むWebサイトは、ユーザーに最も好まれません。

特に、eコマースサイトなどのeコマースサイトは、製品についてユーザーにより明確に提供し、Webサイトのアクティビティを増加させるため、Webサイトの不可欠な部分です。

この次元で変換率を取得するための最も理想的なアプローチの中には、親切なオブジェクトの写真の山が含まれます。通知では、購入者の66％が、購入する前に少なくとも3枚のアイテムの写真を見る必要があると述べています。

これは、eコマースサイトを効果的に管理するには、画像が絶対に不可欠であることを意味します。

しかし同時に、これらの画像はウェブサイトの読み込み速度も低下させることに注意する必要があります。

この場合、レスポンシブWebサイトを定義する機密性の高いHTML画像を使用する必要があります。別の解決策は、画像を圧縮して品質を低下させることです。この方法はWebサイトでは推奨されていませんが、画像の品質を損なうことはありません。

7.プラグインとウィジェットの数を減らします

プラグインは現在、Webサイトの重要な部分になっています。それらは、特定の機能を追加することにより、Webサイトに加えて機能します。

これにより、Webサイトの機能の数が非常に豊富になります。ただし、これらのプラグインはWebサイトの読み込み速度を遅くし、Webサイトのパフォーマンスに影響を与えることに注意する必要があります。

最初に行うことは、どのプラグインが実際にサイトの速度を遅くするかを確認することです。プラグインをできるだけ少なくするように努める必要があります。そうしないと、読み込み速度が徐々に低下し始めます。

8.コンテンツ配信ネットワークの使用

これは、ユーザーにWebサイトのコンテンツを提供する地理的に分散したWebサーバーのセットです。単一のサーバーでホストする場合、すべての要求は同じハードウェアで送信され、各要求に個別に応答するため、各要求の応答が遅くなります。

CDNの助けを借りて、ユーザーのリクエストは最寄りのサーバーに送信され、ウェブサイトの読み込み速度が向上します。それは少し高価ですが、サイトの速度を向上させるための非常に効果的な方法です。

9.ロード速度を低下させる帯域幅

Webサイトのデザインを変更すると、ユーザーが割り当てたWebサイトで帯域幅が取得される場合があります。これにより、Webサイトの読み込み速度が低下することがあります。

10.ブラウザのキャッシュを有効にする

medium.comというWebサイトにアクセスしたとします。昨日、同じWebサイトに再度アクセスすると、このWebサイトの読み込み速度は以前よりもはるかに速くなりました。これを見たことがありますか？

Webサイトにアクセスするたびに、大量のデータがハードドライブとキャッシュに保存されます。次回同じWebサイトにアクセスすると、ディスクに保存されているデータがその特定のWebサイト用に保存されるため、読み込みが速くなります。

したがって、キャッシュを有効にすることで、Webサイトの読み込みが速くなります。

11.リダイレクトを減らす

リンク切れの問題は、多くの場合、リダイレクト技術で解消されます。ページを移動または削除すると、リダイレクトが行われることがよくあります。しかし、グーグルによれば、リダイレクトはサイトから完全に削除されるべきです。とにかく、それは考えられるすべての意図と目的のためではないので。

したがって、それを最小化することが必要になります。多くのマーケットツールは、サイトへのすべてのリダイレクトを識別するため、すべてのWebサイトのリダイレクトを検出します。

すべてのリダイレクトを分析した後、それらを最小化してみてください。また、さまざまなWebサイトを通じてWebサイトにリンクされているページを表示することもできます。

12.外部スクリプトを最小限に抑える

上で説明したように、JavaScriptとCSSはページの読み込みが遅い原因です。しかし、それらとは別に、サイトの読み込み速度に影響を与える他の外部スクリプトもあります。 Chromeデベロッパーツールの[ネットワーク]タブを再度開くと、それらを見つけることができます。

たとえば、サイトが開いている場合、全員がFacebookを開くと、これらの外部スクリプトがコードに添付されます。

これは、スクリプトに影響を与え、Webサイトの速度を低下させる原因となっているのはJavaScriptとCSSだけではないことを示しています。他のサードパーティのスクリプトもWebサイトのパフォーマンスに影響を与えます。

13.時間の経過とともに速度の監視を開始します

ウェブサイトを最適化した後、数時間間隔を置いて速度の監視を開始します。ウェブサイトを開いて、ウェブサイトの読み込み時間をメモしてください。さまざまなマーケットツールを使用して、Webサイトの速度を監視することもできます。

14.モバイルページの速度を監視します

Monitor the speed of your mobile page

上記のように、Googleはウェブサイト上のモバイルページのインデックス作成も開始しました。したがって、モバイルWebサイトの速度をテストおよび監視することも重要な要素になっています。

最近の報告によると、デスクトップからも徐々に移行しているようです。インターネットユーザーからモバイルユーザーへの時間の経過モバイルページの速度を監視することが不可欠になっています。

ウェブサイトがデスクトップコンピュータにすばやく読み込まれるが、モバイルページの速度がそれほど速くない場合、オーガニック検索結果に基づいてウェブサイトのランクが下がります。

結論

タスクはそれほど簡単ではなく、ユーザーは今日、いかなる手段も実装することを期待していません。私たちはウェブサイトにより多くの時間を費やし、各ステップを分析するように努めるべきです。

各ステップの有効性に注意してから、次のステップに進みます。これは、Webサイトの動作と、フロントエンド、プラグイン、コーディング、スタイルシート、サーバーホスティング、またはその他の要因の小さな変更がWebサイトのパフォーマンスにどのように影響するかを理解するのに役立ちます。

さらに、それらのいくつかはマイナーに見えるかもしれません、負荷の負担を減らすための小さな一歩でも何らかの効果がある可能性があり、一瞬があなたの変化とあなたの成果に与える影響を考えると、それはすべてにもかかわらずかなり正当化されますトラブル。