核心 Web 要素 – 改善最大内容绘制 (LCP)
阅读时间：11分钟
但它只是一小段 JavaScript 代码！
当您开始在网站上添加其他功能时，即使是编码最好的功能也会导致较大的内容 意大利 WhatsApp 负责人 可绘制性 (LCP) 得分不佳。这种低评分反过来会对页面体验（最近更新的排名因素）产生负面影响。
这是因为 LCP 元素始终位于页面顶部，即首屏上方。它通常是主图或文本块，但有时也可能是视频。在 LCP 元素加载之前，您不会在页面上看到太多内容。
方法——大多数情况下无需任何编码即可完成。
Google PageSpeed Insights 提供了优化页面的机会列表以及估计的节省时间。您要采纳哪些建议取决于您当前的情况和您想要的目标。与其他两个核心网络重要指标一样，LCP 根据加载时间分为三个部分：
差——超过4.0秒
需要改进——2.5 秒到 4.0 秒之间
良好 – 少于 2.5 秒
如果您的 LCP 分数处于“较差范围”内，请努力使其脱离该范围。无需追求完美。
约翰·穆勒 (John Mueller) 建议重点关注得分“较差”的核心网络要素。
请注意，您可以使用其他测量和测试工具，包括Chrome DevTools、WebPageTest、GTmetrix，以及Chrome 用户体验报告 和Google Search Console 来获取现场数据。但在本文中，我们将坚持使用 Google PageSpeed Insights。
您可以过滤 PageSpeed Insights 审核以仅显示此类 LCP 建议。
PageSpeed Insights LCP 审核显示了提高页面加载速度的机会。
PageSpeed Insights LCP 审核揭示了提高页面加载速度的机会。
影响LCP的因素主要有四个：
服务器响应时间缓慢
阻止渲染的 JavaScript 和 CSS
资源加载时间缓慢
客户端渲染缓慢
让我们看看如何解决这些问题。
这听起来有悖常理，但有时 WordPress 插件可以解决由其他 WordPress 插件引起的问题（LCP 分数低）
点击推文
服务器响应时间缓慢
每当您访问网页时，您的浏览器都需要从该页面所在的服务器请求内容。如果服务器处理该请求的速度很慢，内容就会需要更长时间才能呈现在屏幕上。对于访问者来说，等待查看内容并不是一个好的体验，而 LCP 指标反映了这一点。
如何知道你的服务器是否很慢？
PageSpeed Insights 会告诉您主文档的加载时间。在我们的例子中，由于它耗时 450 毫秒，因此它位于报告的“通过审核”部分。文本显示为绿色，因为它很好。
PageSpeed Insights 显示初始服务器响应时间通过审核。
PageSpeed Insights 显示初始服务器响应时间通过审核。
如果您想要更多了解，您还可以使用网页测试来测试您的网页 。在这里，您可以使用首次字节时间 (TTFB) 来测量服务器响应时间。