修复预加载密钥请求错误

mdasaduzzaman17

您好，亲爱的 Mizfa 朋友们，我们与您一起观看Mizfa GT Metrics 培训 文章集。在第 33 场会议中，我们讨论了修复Preconnect to required origins 错误，在本次会议中我们将学习如何修复 GT Matrix 中的Preload key requests 错误。由于这两个错误的性质有些相似，如果您还没有阅读上一节，请先阅读第 33 节（需要 5-6 分钟），然后继续本文。预加载关键请求错误与页面请求的优先级相关，在某些情况下解决该错误可以将交互时间和首次内容绘制等关键标准优化 1 秒。修复此错误相对容易，但需要我们充分了解网站代码和资源的状态。请和米兹法一起直到最后。 帖子标题[ 隐藏] 0.1 Preload key requests错误总结 0.2 Preload key requests错误是什么原因？ 0.3如何修复 Preload key requests 错误？

0.3.1总结 1新 GTmetrix 教程列表： 预加载密钥请求错误摘要 难度：*** 影响范围：TTI 和 FCP 预加载密钥请求错误的原因是什么？ 尽管新的浏览器日益变得更加智能和准确，但它们能够识别哪些请求应优先加载页面。然而，有时对于一些重要的请求，无法正确认 伊朗电报数据 识到请求的重要性。因此，提高网站速度和更快加载页面所需的资源之一加载速度会更慢。 例如，加载页面的字体或背景图像可能是必要的事情，不应推迟。但也许我们已经在CSS文件中定义了这种字体或背景图像。在这种情况下，在浏览器下载并解析该CSS文件之前，它无法识别所需的字体或图像。因此，下载和显示这些资源（尽管它们很重要）是稍后完成的。 Preload key requests 错误也指同样的问题，并表示使用 Preload 比正常情况更早下载非常重要的请求。



在修复 Preconnect to required origins 错误的文章中，我们说最好使用 Preconnect 来与更重要的第三方域创建更快的连接。使用Preload也有类似的作用，只不过是用于我们自己域内的资源和请求。使用预加载，我们警告浏览器准备好加载这些资源。例如，通过预加载字体，我们警告浏览器并说您稍后将需要此资源。当然，我们应该意识到，Preload的使用应该只针对重要且必要的页面资源。换句话说，通过预加载重要资源，我们要求浏览器比平常更早地处理和获取它们。在上一段我们提到的CSS文件和其中的字体的例子中，如果我们已经预加载了这个字体（通过以下方式），当浏览器到达所需的CSS文件并想要下载它时，它将下载字体同时出现。它也开始。但正常情况下，应该先完成CSS的下载和解析，然后再开始下载字体。