blog

htmlページ内の<Script>タグの配置について

前置き:一般的にスクリプトタグはheadかtailに配置されます。headは<head></head>の中、tailは通常<body></body>の中ですが、</body>閉じタグの後に置くこともで...

Jul 1, 2020 · 3 min. read
シェア

ブラウザにスクリプトを入れた場合、ブラウザがHTMLを解析してscriptタグを見つけると、まずすべてのスクリプトをダウンロードし、それから残りのHTMLを解析します。厄介なことに、ブラウザは同時に複数のJSをダウンロードすることができず、JSが同じホストから来ているかどうかに関係なく、他のHTMLを解析する作業をブロックしてしまいます。JSが同じホストから来たかどうかに関係なく、ブラウザは同時に2つのJSしかダウンロードできず、ブラウザがJSをダウンロードすると、他のHTMLの解析作業をブロックしてしまいます。スクリプトをヘッダーに置くと、ページ内容のレンダリングが遅れ、ユーザーが行き詰まりを感じるようになります。



スクリプトを最後に置くことの欠点は、ブラウザがJSをダウンロードする前にHTMLページ全体を解析することしかできないことです。つまり、スクリプトを最後に置くことは最適な解決策ではなく、最適な解決策はページの解析とJSのダウンロードを同時に行うことです。



最初に宣言します。この後に他の要素を挿入するのは、HTML 2.0以降の標準ではありません。HTML5標準のHTML構文ルールによると

Read next

git エイリアス

gitconfig ファイルを編集する vim~ [alias] を強調した設定は次のようになります:

Jul 1, 2020 · 1 min read