该技能用于在审查模板、渲染后的 HTML 或共享组件时，检查浏览器实际输出的脚本加载方式。其用途是发现会阻塞 HTML 解析的脚本引用，尤其是放在文档 head 中却没有 defer 或 async 的普通 script 标签，并给出修改方向。
主要能力包括：查找当前 HTML 文件中的所有 script 标签；标记 head 中缺少 defer 或 async 的脚本；识别位于 body 底部但可以移到 head 并加 defer 的脚本；给出添加 defer、async 或改用 type=module 的修复建议；解释 defer、async 与 type=module 的差异及适用时机；在代码审查中指出具体元素、属性和路由中违反规则的位置。
使用方式上，资料建议在审查模板、服务端渲染 HTML 和共享组件时应用该规则，并在需要完整实现细节、代码示例或框架特定指导时查阅 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/html/defer-async。
defer 会并行下载并在 HTML 解析完成后按顺序执行，适合大多数脚本；async 会并行下载并在就绪时立即执行，适合相互独立的脚本；type=module 始终具有 defer 行为并启用 ES 模块语法。资料还强调，不应把脚本放在无 defer 或 async 的情况下导致阻塞。
限制方面，资料未提供该技能与具体框架、构建工具或测试流程的集成方式，也未说明适用平台、性能收益数值或兼容性细节，这些信息暂未提供。