JS性能优化之怎么加载JS文件

时间:2023-03-09 13:20:13
JS性能优化之怎么加载JS文件

JS性能优化之怎么加载JS文件

IE8+等实行并行下载,各JS下载不受影响,但仍阻塞其他资源下载 如: 图片

所以首要规则就是:将JS放在body底部(推荐)

加载100kb的单个文件比425kb的文件快(减少外链文件数量)(脚本合并)

《无阻塞脚本》

1延迟脚本

  defer: 有些浏览器不支持,等待页面加载后才执行       两者都并行下载

  h5规范中的async:(异步加载),脚本加载后自动执行

2 动态脚本加载

JS性能优化之怎么加载JS文件

优势:易用和跨浏览器兼容(推荐)最好用到代码压缩工具

3 XMLHTTPRequest脚本注入

JS性能优化之怎么加载JS文件

优点:兼容

但不立即执行也不能跨域