![JS性能优化之怎么加载JS文件 JS性能优化之怎么加载JS文件](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
IE8+等实行并行下载,各JS下载不受影响,但仍阻塞其他资源下载 如: 图片
所以首要规则就是:将JS放在body底部(推荐)
加载100kb的单个文件比4个25kb的文件快(减少外链文件数量)(脚本合并)
《无阻塞脚本》
1延迟脚本
defer: 有些浏览器不支持,等待页面加载后才执行 两者都并行下载
h5规范中的async:(异步加载),脚本加载后自动执行
2 动态脚本加载
优势:易用和跨浏览器兼容(推荐)最好用到代码压缩工具
3 XMLHTTPRequest脚本注入
优点:兼容
但不立即执行也不能跨域