预加载和预连接

浏览器提示（资源提示）

打开网站时，浏览器决定首先加载什么。作为一名工程师，你可以向他耳语关键的问题。 资源提示是向浏览器提供这些提示的标准方式。

预加载

用于关键字体、主 LCP 图像或关键 JS 文件。浏览器不会等待发现文件，而是立即下载它。用法：

预连接（Preconnect）

用于第三方服务（Google Fonts、CDN、分析）。在请求文件之前完成 DNS、TCP 和 TLS 握手。仅此一项就可以节省 100-300 毫秒。

DNS-Prefetch

preconnect 的轻量级版本。它只是提前进行 DNS 解析。适用于不太重要的第三方服务。

注意！使用过多的预加载可能会阻止实际页面加载（带宽拥塞）。只选择“真正关键”的。