本文介绍了JavaScript文件的延迟执行与异步加载，通过`defer`和`async`属性来提高网页加载速度。使用`defer`属性可以让脚本在文档解析完成后执行，而`async`属性则允许脚本异步加载，不影响页面其他部分的解析。这两个属性对于优化网页性能尤其重要。
—般情况下，在文档的 <head> 标签中包含 JavaScript 脚本，或者导入的 JavaScript 文件。这意味着必须等到全部 JavaScript 代码都被加载、解析和执行完以后，才能继续解析后面的 HTML 部分。如果加载的 JavaScript 文件很大， HTML 文档解析就容易出现延迟。
为了避免这个问题，在开发 Web 应用程序时，建议把导入 JavaScript 文件的操作放在 <body> 后面，让浏览器先 将网页内容解析并呈现出来后，再去加载 JavaScript 文件，以便加快网页响应速度。
延迟执行 JavaScript 文件
<script> 标签有一个布尔型属性 defer，设置该属性能够将 JavaScript 文件延迟到页面解析完毕后再运行。
在下面示例中，外部文件 test.js 包含的脚本将延迟到浏览器解析完网页之后再执行。浏览器先显示网页标题和段落文本，然后才弹出提示文本。如果不设置 defer 属性，则执行顺序是相反的。
test.html 源码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" defer src="test.js"></script>
</head>
<body>
<h1>网页标题</h1>
<p>正文内容</p>
</b
最低0.47元/天 解锁文章
947
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
