异步加载js的方式有两种:defer和async。
二者共同点:
1、defer和async都是去异步加载外部的js脚本文件的。
2、defer和async都不会阻塞页面的解析。
区别点:
1、执行顺序方面
多个带async属性的标签,不能保证加载的顺序;
多个带defer属性的标签,按照加载顺序执行。
2、脚本是否并行执行方面
async属性,表示后续文档的加载和执行,与js脚本的加载和执行是并行进行的,即异步执行。
defer属性,加载后续文档的过程和js脚本的加载(此时仅加载不执行)是并行进行的(异步),js脚本需要等到文档所有元素解析完成之后才执行。
网友评论