HTML属性中真正介入页面加载早期环节的有：defer和async（控制脚本执行时机）、loading="lazy"（延迟图片/iframe加载）、preload（提前获取关键资源）、hidden（跳过渲染树计算）；它们影响DOMContentLoaded耗时与首屏性能，但不参与运行时生命周期管理。
HTML属性本身不参与定义Web应用的全生命周期配置——它只在页面加载初期起作用，且仅影响DOM结构、初始状态和资源加载策略，无法控制运行时行为或卸载逻辑。
哪些HTML属性实际影响页面加载阶段
真正介入生命周期早期环节的HTML属性集中在资源加载与DOM初始化上：
-
defer和async用于<script>标签，决定脚本何时执行：前者等DOM解析完再执行，后者下载时不阻塞但执行时机不确定 -
loading="lazy"作用于<img>和<iframe>，延迟非视口内资源加载，直接影响首屏时间 -
preload（配合<link rel="preload">）让浏览器提前获取关键资源，缩短DOMContentLoaded耗时 -
hidden属性让元素在渲染树中被跳过，减少初始布局计算量，但不阻止其子资源加载（如内部图片仍会发起请求）
为什么onload、onbeforeunload这类属性不能替代JS事件监听
这些是事件属性，属于HTML规范中的“事件处理器”，但现代开发中应避免直接使用：
- 它们只能绑定一个处理函数，重复赋值会覆盖前一个；而
addEventListener支持多监听器共存 - 它们把逻辑硬编码在HTML里，破坏关注点分离，不利于测试和复用
-
onbeforeunload在Chrome 98+已限制为仅响应用户主动交互后的首次调用，且返回值必须是字符串（否则被忽略），onunload更是基本失效——浏览器为性能已取消该事件的可靠执行保障
data- 属性能撑起“配置驱动”的假象吗
不能。虽然 data- 属性常被用来传递初始化参数（比如 <div data-api-endpoint="/v1/users">），但它只是静态快照：
立即学习“前端免费学习笔记（深入）”；
- 值在HTML解析时固化，后续JS修改
dataset不会反向更新属性本身（除非手动el.setAttribute） - 它无法响应路由变化、用户登录态切换等运行时条件，真正的配置管理需依赖JS模块、环境变量或服务端注入的JSON脚本
- 过度依赖
data-容易造成逻辑分散：一部分配置在HTML里，一部分在JS里，调试时要来回切换
真正决定Web应用生命周期节奏的是JavaScript执行时序（如 DOMContentLoaded vs load）、资源加载策略、以及框架自身的挂载/卸载机制。HTML属性只是那个“按下启动按钮”的瞬间所用的开关，按完就不管后续了。
