script加载顺序(async和defer的区别)
after scrpit1
after scrpit2
async方式
这种方式不会阻碍script标签后面其他元素的渲染,谁加载快谁先执行
after scrpit1
after scrpit2
测试用例:使用node服务,将script1请求的响应时间控制比script2长
测试结果:
1. script2开始执行 1576223742526
2. script2执行完毕 1576223744794
3. script1开始执行 1576223744795
4. script1开始执行 1576223747009
defer方式
这种方式不会阻碍script标签后面其他元素的渲染,会按照书写书序执行.
after scrpit1
after scrpit2
测试用例:使用node服务,将script1请求的响应时间控制比script2长
测试结果:
1. script1开始执行 1576224918596
2. script1开始执行 1576224920828
3. script2开始执行 1576224920829
4. script2执行完毕 1576224923093
