延期使用JavaScript进行加载 - 傻瓜

网页速度慢的一个主要原因是所谓的阻止脚本。阻止脚本是一个JavaScript文件，其加载和执行阻止加载网页。在极端情况下，浏览器可能会下载整个网页，并在加载和解析JavaScript时显示几秒或更长的空白屏幕。由于网络用户往往很快就厌倦了，这种情况绝对应该避免。

<！幸运的是，有几种方法可以推迟JavaScript加载和执行，并使网页显示速度更快。

第一种方法是使用script元素的defer属性。下面是它的样子：

请注意，defer属性只能用于外部JavaScript文件。它不能应用于文档中的块。

当存在时，defer属性将导致脚本在页面完成解析后被执行。

推迟加载和执行脚本的另一种方法是Google推荐的方法。 Google建议将下面的代码放在网页的最底部。要使用它，当然，你可以用你自己的文件名替换示例脚本名称（这里是myscript.js）。

function downloadJSAtOnload（）{var element = document。的createElement（ “脚本”）;元件。 src =“myscript。js”;文件。身体。 appendChild（element）;} if（window.addEventListener）窗口。 addEventListener（“load”，downloadJSAtOnload，false）;否则if（window.addEvent）窗口。 attachEvent（“onload”，downloadJSAtOnload）;其他窗口。 onload = downloadJSAtOnload;另一个帮助推迟JavaScript的属性是异步属性。 async属性在HTML5中是新的。下面是它的样子：

与defer属性一样，async属性只能用于外部脚本（使用src属性的地方）。当存在时，异步属性将导致脚本与页面的其余部分异步执行。换句话说，脚本将与页面的其余部分同时执行。

无论您选择使用哪种方法，都可能会影响页面上其他JavaScript是否正常运行。确保在执行延期加载后测试所有内容。正确地执行，推迟JavaScript可以大大减少用户的等待时间，让每个人都更快乐。