Q&A
> 発生した場合、無駄にリクエストを投げるからその分サーバーの負荷になるのではないですか？
読み込んでも意味がないものなら無駄ですね。
前提・実現したいこと
タイトルの通りドキュメントに記述した場合に外部ファイルはHTTPリクエストは発生してるんですか？
開発ツールのネットワークを見ると発生してるように思います
発生した場合、無駄にリクエストを投げるからその分サーバーの負荷になるのではないですか？
外部ファイルにするメリット＝管理しやすくなる
外部ファイルにするデメリット＝無駄にHTTPリクエストが発生
こういう解釈でよろしいでしょうか
該当のソースコード
<script type="text/javascript" src="sample.js"> </script> <link rel="stylesheet" type="text/css" href="sample.css">
回答2件
0
ベストアンサー
意味があろうがなかろうが、外部ファイルにした時点で負荷になるんじゃないですか
1ページしか表示しないのであれば、アセットを別ファイルにした分だけリクエスト数が増える、というのは間違いないです。
一方で、Webサイト内で複数ページを回覧する場合、毎回HTMLに埋め込むとその分の転送容量が絶対に消費されるのに対して、同じ外部ファイルを参照するのであればブラウザにキャッシュできるので、2ページ目以降ではアクセスを削減できる可能性があります。
投稿2020/07/22 01:43
編集2020/07/22 01:43総合スコア146018
なお、HTTP/2など、「リクエストの数による負荷」そのものを軽減する仕組みもあります。
なるほど、キャッシュがありましたか
頭から抜けてました
0
ファイルを分けて管理しやすくなったことが無駄でないなら
発生しているHTTPリクエストは無駄でないのでは？
質問者さんの「無駄」の定義が私の思う「無駄」とはだいぶ違う気がしますね。
外部ファイルにするメリット＝管理しやすくなる
外部ファイルにするデメリット＝HTTPリクエストが増える（キャッシュあるけど）
ぐらいならなんとも思いません。HTTPリクエスト自体が無駄という思想であれば
cssもjavascriptも果ては画像もbase64エンコードして1つのHTMLとして入れれば
いいと思います。そのほうが読み込み速度は速いと思いますね！
ただcss,javascript,画像は各htmlファイルに分散されますので
一般的に言われる「共有化する」「１か所直して全体に反映する」ようなことはできませんね。
webpackみたいな感じでビルドして全htmlにリソースファイルをぶち込む
ようなソフトでもあれば行けるかもしれません。
投稿2020/07/22 01:54
総合スコア3830
base64エンコードですか
その手もあるんですね
今のところは、無駄だけどその無駄を和らげる事はできるという認識です
＞ファイルを分けて管理しやすくなったことが無駄でないなら
発生しているHTTPリクエストは無駄でないのでは？
あなたの回答
tips
プレビュー
