ウェブサイトの速度が遅い理由とSEO最適化のテクニック

もしあなたのウェブサイトの読み込み速度が非常に遅く、どのように解決すればよいかわからない場合、ここではウェブサイトの読み込みが遅い原因を特定し、最適化のテクニックを手取り足取り教えます。

グローバル ping 速度測定

ローカル ping 速度測定

ローカル ping コマンドを使用して、サーバーへの接続時間とパケットロスの状況を確認します。速度の良いデータセンターでは、まずパケットロス率が 1％を超えてはいけません。次に ping 値は小さく、三つ目は ping 値が均一である必要があります。

ウェブサイトの読み込み速度が遅い原因の特定：#

一、サーバーの性能不足#

サーバースペースの速度はウェブサイトの読み込み速度のハードウェア基盤であり、前提条件でもあります。そうでなければ、たとえウェブサイトのページデザインが非常に「スリム」であっても、ウェブサイトの読み込み速度は妥協されます。
解決策：スペースプロバイダーに解決を依頼するか、スペースプロバイダーを変更してください。
より効率的なホスティングにアップグレードすること、例えば VPS や専用サーバーを使用してリソース競争を避けること。

二、電信と聯通の相互訪問のボトルネック問題。#

1、スペースの読み込み速度が速かったり遅かったり、時には全く開かない場合、それはスペースが不安定であることが原因です。スペースプロバイダーに解決を依頼するか、スペースプロバイダーを変更してください；
2、特定の場所で読み込み速度が速く、他の場所で遅い場合、それはネットワーク回線の問題です。

電信回線のユーザーが聯通サーバーにホストされたウェブサイトにアクセスする場合、聯通回線のユーザーが電信サーバーにホストされたウェブサイトにアクセスする場合、相対的に読み込み速度は遅くなります。

解決策：スペースを購入する場合、双線スペースまたは多線スペースを購入することをお勧めします。これは新しい概念ではなく、大部分のバーチャルホスティングプロバイダーは二線または多線スペースを提供しており、価格は少し高いですが、ユーザー体験の観点からは価値があります。

三、サーバーの位置#

サーバーがユーザーの物理的な位置から遠いほど、データ転送時間は長くなります。
例えば、アメリカにあるサーバーは日本のユーザーに対してアクセス速度が遅くなります。
CDN（コンテンツ配信ネットワーク）を使用する：CDN はユーザーの位置に基づいてサービスを提供し、データ転送を加速し、遅延を減少させます。
CDN キャッシュ機能を有効にする。
ブラウザキャッシュと圧縮を有効にする：サーバーを設定してブラウザキャッシュと Gzip 圧縮を有効にし、データ転送量を減少させ、読み込み速度を向上させます。

四、ウェブサイトのセキュリティ問題#

ウェブサイトのセキュリティが低いと、攻撃を受けたり悪意のあるクローラーに遭遇する可能性があり、これが正常なユーザーのアクセスに影響を与え、読み込み時間を増加させます。

五、ウェブサイト自体の問題を探る。#

ウェブサイトの問題は、ウェブサイトプログラムの設計、ウェブページのデザイン構造、ウェブページの内容の三つの部分から成ります。

1、ウェブサイトプログラムの設計：

プログラム設計の専門家に相談し、プログラムの設計構造が合理的かどうかを確認します。

2、ウェブページのデザイン構造：

1）、ウェブサイトに統計コード、オンラインカスタマーサービス、または他の js コードがある場合、それらがウェブページコードの最後に配置されているか確認します。解決策：可能な限りウェブページコードの最後に配置することが最善です。ウェブサイトコードが読み込まれた後にこれらのコードを実行します。

2）、誤ったコードがある可能性があります。

誤ったコードが常に読み込まれたりブロックされたりすると、ある程度はウェブサイトの速度に影響を与えます。
別のウェブサイトからコピーした特殊な javascript コードが不完全に転載されている場合、多くのウェブページエラーが発生し、ウェブサイトの読み込み速度が遅くなります。

3）、javascript の特殊効果をできるだけ減らす。

3、ウェブページの内容：

1）、ウェブページにサイズの大きな画像が多数存在するか確認します。Photoshop、Fireworks などの画像編集ソフトを使用して画像のサイズを縮小し、画像の品質を少し下げて、画像の品質とサイズの間で最適な比率を見つけます。

2）、ウェブページにサイズの大きな flash ファイルが存在するか確認します。

3）、友人の中にはウェブページに音楽を追加するのが好きな人がいます。ユーザーがウェブサイトを開くと、背景音楽が再生されるようなことはできるだけ避けるべきです。

4）、内容の中で他のウェブサイトの内容を過度に引用しています。他のウェブサイトの画像やその他の内容を引用する場合、そのウェブサイトの速度が遅い場合や、そのウェブサイトのページが既に存在しない場合、読み込まれるウェブページの速度はさらに遅くなります。

n7dZ

読み込み速度を最適化する方法：#

一、画像の最適化#

画像の最適化には、画像の数を減らす、画像の品質を下げる、適切なフォーマットを使用することが含まれます。
1、画像の数を減らす：不要な画像を削除します。
2、画像の品質を下げる：あまり必要でない場合、特に jpg 形式の場合、画像の品質を 5％下げてみてください。見た目の変化はあまり大きくありませんが、ファイルサイズの変化はかなり大きいです。
3、効果のためにスクリプトファイルを使用する：javascript コードを使用して効果を実現し、わずか数バイトだけ増やします。

二、画像フォーマットの選択#

画像は webp フォーマットを使用し、webp フォーマットの画像は圧縮効果が良好です。

三、CSS の最適化#

CSS を書くときに、冗長な文を使用することがあります。例えば、この文：
コード:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
これを簡略化できます：
margin: 10px 20px 10px 20px;
またはこの文：

<p class="decorated"> 装飾されたテキストの段落</p>
<p class="decorated">第二の段落</p>
<p class="decorated">第三の段落</p>
<p class="decorated">第四の段落</p>

div で包含できます：

<div class="decorated">
<p>装飾されたテキストの段落</p>
<p>第二の段落</p>
<p>第三の段落</p>
<p>第四の段落</p>
</div>

四、URL の末尾にスラッシュを追加#

一部の URL、例えばhttp://www.baidu.com/512は、サーバーがこのようなアドレスリクエストを受け取ると、ファイルタイプを特定するのに時間がかかります。
もし 512 がディレクトリであれば、URL の末尾にスラッシュを追加してhttp://www.baidu.com/512/にすることで、サーバーはそのディレクトリの index または default ファイルにアクセスすることを一目で理解でき、読み込み時間を節約できます。

五、高さと幅を指定する#

ウェブページに画像やテーブルを追加する際には、それらの高さと幅、つまり height と width のパラメータを指定する必要があります。
ブラウザがこれらの二つのパラメータを見つけられない場合、画像をダウンロードしながらサイズを計算する必要があります。画像が多い場合、ブラウザはページを調整し続ける必要があります。これは速度に影響を与えるだけでなく、ブラウジング体験にも影響を与えます。

ブラウザが高さと幅のパラメータを知っていると、たとえ画像が一時的に表示できなくても、ページ上に画像の空きスペースが確保され、その後のコンテンツの読み込みが続行されます。これにより、ウェブサイトの読み込み速度が速くなり、ブラウジング体験も向上します。

六、HTTP リクエストを減らす#

ユーザーが特定のウェブページを開くと、ブラウザは多くのオブジェクトリクエスト（画像、スクリプトなど）を発信します。ネットワークの遅延状況によって、各オブジェクトの読み込みには遅延が生じます。ウェブページ上にオブジェクトが多い場合、これには多くの時間がかかる可能性があります。

したがって、HTTP リクエストの負担を軽減する必要があります。どのように軽減するか？#

1、不要なオブジェクトを削除します。

2、近接する二つの画像を一つにまとめます。

3、CSS ファイルを統合します。

七、その他の小技#

1、不要な読み込み項目を削除します。
2、ウェブページに他のウェブサイトのウィジェットを埋め込んでいる場合、選択肢がある場合は、必ず速度の速いものを選んでください。
3、できるだけ画像を使用して flash を置き換えます。これは SEO にも良い影響を与えます。
4、一部のコンテンツは静的化できる場合、静的化してサーバーの負担を減らします。
5、統計コードはページの最後に配置する（または遅延読み込みを使用する）。