延迟加载JS有哪些方式？async、defer[外部链接用的]

5.延迟加载JS有哪些方式？async、defer[外部链接用的]

defer  是html和script同时下载,而且等html下载完,再执行script ;

两个script都加defer,那么defer是按照顺序执行

 

场景:如果文件存在依赖关系就用defer [这个可以提高性能的]

比如:jquery.js和juquey.tab.js,那么就要先加载jquery.js后,juquey.tab.js才可以运行;所以这里可以用defer

 

async 是html和script下载,执行完script再继续下载html;  

两个script都加async,那么async是不按照顺序执行，谁先加载完毕了谁先执行

 

场景:有一些特殊的js文件其中代码是特别重要的可以async提前加载