用途:该规则用于检查模板、服务端渲染 HTML 和共享组件中与资源提示(preload、prefetch、dns-prefetch)相关的标记。背景是浏览器按顺序解析资源,CSS 中引用的字体需等 CSS 解析后才被获取;资源提示可打破依赖链,让关键资源与解析并行下载,例如为关键字体添加 preload 可减少 100–300ms 的不可见文本闪烁。
主要能力与用法:preload 强制立即下载当前页面所需资源;prefetch 低优先级获取下次导航可能用到的资源;dns-prefetch 提前解析第三方源域名;preconnect 完成 DNS、TCP 和 TLS。检查时查找晚期发现的关键资源(CSS 引用的字体、首屏图片、关键脚本),确定可加 preload 或 preconnect 的位置;修复时为核心字体、图片、脚本添加合适的 preload,并为页面早期使用的第三方域名添加 preconnect;还可解释各提示类型的适用时机及误用后果。代码审查中标记渲染 HTML 违反该规则的具体元素、属性和路由。
限制:完整实现细节、代码示例与框架专属指南见 references/rule.md。其他限制暂未提供。