建材有限公司光速东莞网站建设,三九手机网官网,临武县网站建设专业,邯郸建站公司相关知识点#xff1a;
js 延迟加载#xff0c;也就是等页面加载完成之后再加载 JavaScript 文件。
js 延迟加载有助于提高页面加载速度
一般有以下几种方式#xff1a; defer 属性 async 属性 动态创建 DOM 方式 使用 setTimeout 延迟方法 让 JS 最后加载 js 的加载…相关知识点
js 延迟加载也就是等页面加载完成之后再加载 JavaScript 文件。
js 延迟加载有助于提高页面加载速度
一般有以下几种方式 defer 属性 async 属性 动态创建 DOM 方式 使用 setTimeout 延迟方法 让 JS 最后加载 js 的加载、解析和执行会阻塞页面的渲染过程因此我们希望 js 脚本能够尽可能的延迟加载提高页面的渲染速度。 第一种方式是我们一般采用的是将 js 脚本放在文档的底部来使 js 脚本尽可能的在最后来加载执行。 第二种方式是给 js 脚本添加 defer 属性这个属性会让脚本的加载与文档的解析同步解析然后在文档解析完成后再执行这个脚本文件这样的话就能使页面的渲染不被阻塞。多个设置了 defer 属性的脚本按规范来说最后是顺序执行的但是在一些浏览器中可能不是这样。 第三种方式是给 js 脚本添加 async 属性这个属性会使脚本异步加载不会阻塞页面的解析过程但是当脚本加载完成后立即执行 js 脚本这个时候如果文档没有解析完成的话同样会阻塞。多个 async 属性的脚本的执行顺序是不可预测的一般不会按照代码的顺序依次执行。 第四种方式是动态创建 DOM 标签的方式我们可以对文档的加载事件进行监听当文档加载完成后再动态的创建 script 标签来引入 js 脚本。
