技術情報

ページが遅くなる一般的な理由とその修正方法

 

ウェブサイトページのスピード最適化は、非常に専門的になりがちですが、ウェブサイトをスピードアップするために実施できる比較的簡単な修正があります。

  • 遅いネットワーク時間– これは、DNSに問題があるか、何らかの理由でプロバイダーが遅い可能性があります。
    プレミアムDNSプロバイダーの利用を検討するか、サードパーティサイトから多くのリソースをロードしている場合は、単一のCDNからこれらを配信することで改善できる可能性があります。CDNのもう1つの利点は、多くの場合、サイトの速度を向上させることができるあなたのユーザーに近いサーバーを持っていることです。
  • 遅いサーバー時間– これは、訪問者に送信する前にサーバー上でページを生成するのに時間がかかっていることを示している可能性があります。多くの場合、アプリケーション・キャッシュを実装することで、次の訪問者が一定時間内に同じページをリクエストしたときに、サーバーが何を送信すべきかを記憶することができます。
  • 遅い転送時間– これは通常、ウェブサイトやアプリケーションのソースコードが大きいために起こります。一般的な原因としては、インラインのCSSやJavaScriptを外部ファイルではなく、ページコード内に直接多く含むことが挙げられます。 また、コンテンツを地理的にユーザーに近づけるために、世界中の複数のエッジロケーションを利用するサーバー構成を利用する場合にも、わずかながら速度が向上する可能性があります。
  • 遅いDOM処理時間– これは、サーバーから返されたHTMLを解析するのにかかる時間です。これもまた、インラインのCSSやJavaScriptが多いことが原因で、場合によっては避けられないこともあります。
  • 遅いDOMの完了時間– これは、画像、フォント、CSS、JavaScriptなどの外部リソースをダウンロードして解析するのにかかる時間です。追加のCSSやJavaScriptファイルを多く使用する場合は、それらの内容を1つのCSSやJavaScriptファイルにまとめることで、追加のリクエストを避けることができます。

大きなメディアを多用する場合は、配置に適したサイズのメディアをアップロードし、可能であれば圧縮を利用することが重要です。モバイルからの訪問者が多い場合は、表示解像度に合わせたレスポンシブな画像ソースセットも大きな違いになります。

この指標を改善するためにできるもうひとつのステップは、キャッシュ・ヘッダを見直し、コンテンツがすでにダウンロードされているにもかかわらず、毎回ダウンロードする必要がないようにすることです。また、このテーマに従って、不必要に未使用のアセットをダウンロードすることも避けるべきです。

  • ロード時間が遅い– これは、ウェブサイト上のスクリプトが処理を遅くしている可能性があります。低品質のプラグインを使用していないか確認し、タグマネージャーを使用している場合は、Window Loadedイベントでトリガーされるスクリプトが多すぎないか確認してください。多くの場合、広告ネットワーク・スクリプトがここに該当します。

もし遅いページがあり、上記の問題や解決策のどれにも当てはまらないようであれば、GT MetrixGoogle Pagespeed Insightsなどのページスピードテストツールがあります。