同步加载、异步加载、延迟加载、预加载的区别

1. 同步加载：浏览器在遇到

第一个

浏览器会异步加载script1.js和script2.js，不会阻塞后续代码的执行，它们的加载和执行顺序是不确定的。

延迟加载：浏览器在遇到带有defer属性的

浏览器会异步加载script1.js和script2.js，并且等到HTML文档解析完成后再依次执行这两个脚本。延迟加载不会阻塞后续代码的执行，但会保持脚本的加载顺序

预加载：浏览器在遇到带有rel="preload"属性的标签或使用JavaScript动态加载资源时，会提前下载指定的资源，在需要使用时直接从缓存中读取，从而提升页面性能和用户体验。

总结来说，同步加载会阻塞后续代码的执行，异步加载不会阻塞后续代码的执行，但是加载和执行顺序不确定，延迟加载会在HTML文档解析完成后再执行JavaScript文件，预加载可以提前加载资源，从而提升页面性能和用户体验。需要根据实际情况选择合适的加载方式。