异步加载和延迟加载

默认是同步加载，又称为阻塞模式（瀑布模型），先渲染完页面再执行js文件。通常在头部引入js文件。安全，有利于用户体验

-------------------------

异步加载：也称为非阻塞模式（并发模型），浏览器在执行js的同时，还会继续执行后续的页面处理

1.动态插入 script 标签，例如:

var a=document.createElement('script')

a.src="./index.js"

2. 通过 ajax 去获取 js 代码，然后通过 eval 执行

3. script 标签上添加 defer 或者 async 属性

4. 创建并插入 iframe

------------------------

延迟加载：有些js一开始是不需要展示，需要到后面才用到。

1.通过settimeOut()

2:在底部引入js文件

-------------------------

预加载：一种浏览器机制，在用户使用浏览器空闲时候来预先下载，加载页面资源，当用户访问某个预加载的链接时，如果从本地缓存,页面就得以快速呈现。