script的三种加载模式

  1. 默认加载:阻断dom树构建(html文档解析),下载资源,然后立即执行,完毕后再进行dom树构建
  2. defer 加载:下载照旧,但执行延后。即下载资源和dom构建同时进行,但等dom树构建完再执行
  3. async:下载完就立即执行,适合没有依赖的脚本。即构建dom和资源下载同时进行,资源下载完毕后立即执行。
defer和async区别:defer是等构建完dom树再执行,async是下载完就立即执行。两者在下载时都不会阻断dom树构建,而默认模式下载会阻断dom构建。所以依赖dom的适合用defer,不依赖dom的可以用async
相关推荐
前端付豪24 分钟前
Vue3 响应式来!
前端·javascript·vue.js
芝士麻雀25 分钟前
Zustand 深度解析:原理、源码与最佳实践
前端·react.js·前端框架
Dontla31 分钟前
JS睡眠函数(JS sleep()函数、JS单线程、Event Loop事件循环)假睡眠
开发语言·javascript·ecmascript
fruge38 分钟前
前端性能优化实战指南:从首屏加载到用户体验的全面提升
前端·性能优化·ux
ZYMFZ1 小时前
Redis主从复制与哨兵集群
前端·git·github
lumi.1 小时前
前端本地存储技术笔记:localStorage 与 sessionStorage 详解
前端·javascript·笔记
旧雨散尘1 小时前
【react】初学react5-react脚手架搭建中的小众知识
前端·react.js·前端框架
炫饭第一名1 小时前
🌍🌍🌍字节一面场景题:异步任务调度器
前端·javascript·面试
烛阴1 小时前
Lua字符串的利刃:模式匹配的艺术与实践
前端·lua
奇舞精选1 小时前
一文了解 Server-Sent Events (SSE):构建高效的服务器推送应用
前端