致掣 发表于 2025-6-6 10:52:58

JS加载

同步加载


[*]阻塞模式，响应安全性强

[*]过多JS加载会影响页面效率
[*]默认情况下，JS是同步加载，及优先加载外部JS，只有当JS文件加载完成，don和css才开始加载

异步加载


[*]非阻塞加载，执行效率高

[*]动态创建script
[*]defer 延迟加载JS，等到HTML的DOM完全解析之后
[*]async HTML的文档解析和脚本的获取同时进行


理解优化


[*]浏览器解析html的DOM是从上到下的,JS默认为同步加载
[*]先被解析head的JS资源, 在body没有解析完之前会被绑定监听
即：head的JS资源在页面加载前，body的JS资源在页面加载后逐一获取JS
如：JS替换页面全局变量时, 需要将JS在body获取, 或者在head进行defer
PS：网页播放器一般放在body最底部,网页播放器与内容相干甚少,直接按需求defer/async
默认


async


defer



[*]默认: 提前加载并执行, 都占用html解析
[*]async: 异步加载, 获取和解析同时, 执行占用html解析
[*]defer: 异步加载, 获取完并不执行, 执行不占用html解析

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

啖曼烟 发表于 2025-11-5 10:10:22

前排留名，哈哈哈

疝镜泛 发表于 2025-12-13 15:41:55

谢谢分享，辛苦了

袋岖荤 发表于 2026-1-17 16:19:27

过来提前占个楼

袋岖荤 发表于 2026-1-19 10:50:13

感谢分享，学习下。

孟茹云 发表于 2026-1-19 11:11:05

感谢分享，下载保存了，貌似很强大

羊舌正清 发表于 2026-1-21 16:40:37

新版吗？好像是停更了吧。

窝酴 发表于 2026-1-21 23:11:17

感谢，下载保存了

讥慰捷 发表于 2026-1-23 22:34:37

这个有用。

稿辏付 发表于 2026-1-25 08:12:01

分享、互助 让互联网精神温暖你我

列蜜瘘 发表于 2026-1-25 11:21:13

感谢，下载保存了

阎逼 发表于 2026-1-27 05:24:39

感谢分享，下载保存了，貌似很强大

胥望雅 发表于 2026-1-28 05:48:31

感谢，下载保存了

沃盼盼 发表于 2026-1-29 02:12:11

感谢分享，下载保存了，貌似很强大

挫莉虻 发表于 2026-2-6 06:40:16

谢谢分享，试用一下

季卓然 发表于 2026-2-7 12:46:07

过来提前占个楼

全阳霁 发表于 2026-2-8 20:52:31

感谢发布原创作品，程序园因你更精彩

缣移双 发表于 2026-2-9 13:44:31

新版吗？好像是停更了吧。

丝甲坞 发表于 2026-2-11 11:42:12

谢谢分享，试用一下

晌集涟 发表于 2026-2-25 16:22:39

感谢发布原创作品，程序园因你更精彩
页: [1] 2
查看完整版本: JS加载