web-dev-qa-db-ja.com

速度の比較-絶対パスリンクと相対パスリンク

サブディレクトリ(http://example.com/library/)から親ディレクトリ(http://example.com/library/html/basics/)にリンクしたいとしましょう。

親ディレクトリへのリンクは次のとおりです。

  • href="../../"
  • href="/library/"
  • href="http://example.com/library/"

リンクを書く方法に基づいて速度の違いはありますか?ウェブサイトの読み込み速度については質問していませんが、ディレクトリへの移動中に顕著な違いがある場合。

8
Jakub Kliský

ブラウザへの影響:

これはWebブラウザーにとっては少し作業のように見えますが、技術的には大きな違いはありません。ブラウザはこれらの相対的なURL構造を処理し、アプリケーションサーバーを呼び出すには速すぎます

アプリケーションサーバーへの影響:

なし、要求されたファイルを返す必要があるため(相対/絶対リンクは最終的にWebパスにマッピングされます)

ページサイズへの影響:

はい、サイズがいくらか縮小します(これも、コンテンツのエンコードgzipやリソースの縮小などによって達成できる、ページのパフォーマンスに大きな違いをもたらすものではありません)

したがって、技術的には絶対/相対URLはページ速度/重み付け可能なマトリックスに大きな違いをもたらさないと思います。

はい、それは複数の環境の管理に大きな違いをもたらします dev、pp、prodppなど

例:ローカル開発では、プリプロダクションでdev.example.comを使用している場合があります:pp.example.com。 。

したがって、これらのシナリオでは、相対URLを使用してコードを比較的簡単に管理できます(ただし、環境設定でも管理できます)

9
abhinsit

HTML/CSS相対ベースのパスは、サーバーの速度に対して常に高速です。これは、サーバーに送信するコードが少ないためです。 HTMLまたはCSSフォームの相対パスは、サーバーではなくエンドユーザーのブラウザーによって翻訳されます。

技術的には、サーバーではより速く、エンドユーザーではより遅くなりますが、必要な処理がナノ秒未満であるため、エンドユーザーは違いに気付かないでしょう。したがって、エンドユーザーは、サーバーはより適切にサービスを提供できるためです。

2
Simon Hayter