放Script标签到<body>前后,浏览器解析有何不同?

3 min read

<script> 标签放在页面最底部的 <body> 之前或之后会对页面加载和解析的顺序产生影响。

<script> 标签放在页面底部之前,浏览器在解析 HTML 时必须停止,然后请求和解析脚本文件,最后才能继续解析 HTML,这会导致页面加载时间延长。

<script> 标签放在底部之后,浏览器可以先解析 HTML 内容,并在所有 HTML 元素都被处理完之后再加载和解析脚本文件,这可以加快页面加载速度,并改善用户体验。

因此,最好将 script 标记放在 body 标记的末尾,因为这样浏览器可以在所有标记都被加载和渲染之后再处理脚本文件。