核心概念：为何需要预连接与预加载

preloa🌅d ：主动加载当前页面关键资源（如首屏CSS、字体文件、重要JS），并指定其在渲染中的优先级

核心概念：为何需要预连接与预加载

一般只对页面渲染首屏所依赖的、位于第🍀三方域的🔮字体或关键CSS发起预连接

预加载的资源如果无法在页面中被实际使用，会触发控制台警告，同时占用带宽资源，影响页面综合得分

部署预加载策略时的注意事项

百度搜索资源平台 🔮：使用“站点性能检测”工具，查看页面首次内容绘制（FCP）和最大内容绘制（LCP）的改进情况

部署预加载策略时的注意事项

Lighthouse ：运行性能分析报告，重点关注“预加载关键请求”和“避免网络负载过高”的审计项

总结

资源提示指令的区别与适用场景 为了避免概念混淆，需要明确以下三类指令各自的功能边界： dns-prefetch ：仅完成目标域名的DNS查询，适用于用户可⚡能点击的外部域名（如第三方统计、CDN资源）

如何检测当前优化是否符合规范

将预加载与预取（prefetch）混用 ：prefetch用于未来可能跳转的页面资源☀️⭐，而非当前页面