延迟脚本(仅适用外部脚本文件)
在<script>中设置defer属性,相当于告诉浏览器立即下载,但延迟执行。
例:
<script defer="defer" src="example1.js"></script>
脚本即使放在head元素中,也会延迟到浏览器遇到</html>标签后再执行。最好只包含一个延迟脚本。
异步脚本(仅适用外部脚本文件)
在<script>中设置async属性,相当于告诉浏览器立即下载文件。
例:
<script async src="example2.js"></script>
指定async属性的目的是不让页面等待两本脚本下载和执行,从而异步加载页面其他内容。