预加载

预加载（Preload）是一种强大的优化技术，可以显着改进关键性能指标，例如Core Web Vitals。前面我们介绍过关于预取DNS查找甚至预连接到域的文章。预加载是这些概念的一个更强大的扩展，因为它使您能够提前下载整个资源。

预加载主要图片（首屏图片）有助于减少Core Web Vitals中的最大内容绘制(LCP) 时间。这些通常是图像，如徽标、博客文章上的特色图像、登录页面上的Hero图像等。通过预加载它们，您将它们移动到瀑布的顶部，并基本上告诉浏览器这些具有优先级并且应该立即加载。

预加载允许您指定在页面加载期间立即或很快需要的资源（例如字体、图像、JavaScript 和 CSS）。 在您网站的每个页面的…部分顶部添加一个link rel=’preload’标签。