什么是LCP（Largest Contentful Paint）：一个简单的解释）

延迟大型元素可能没有帮助

有时网页会分部分呈现。下载大型特色图像可能比最大的文本块级元素花费更长的时间。
在这种情况下，会为最大的文本块级元素记录PerformanceEntry。但是，当加载屏幕顶部的特色图像时，如果该元素占据了用户屏幕（其视区）的更多部分，则会为该图像报告另一个PerformanceEntry对象。

对于LCP分数，图像可能很棘手

Web发布者通常以原始大小上载图像，然后使用HTML或CSS调整图像大小以显示较小的大小。
原始大小是谷歌所说的图像的“固有”大小。
如果发布者上载的图像宽度为2048像素，高度为1152像素，则2048 x 1152的高度和宽度被视为“固有”大小。
现在，如果发布者将2048 x 1152像素图像的大小调整为640 x 360像素，则640×360大小的图像称为可见大小。
为了计算图像大小，Google使用内部和可见大小图像中较小的一个。

关于图像大小的说明

它有可能实现一个高的最大的内容绘画分数与一个大的内在尺寸的图像，这是通过调整HTML或CSS的更小。
但最好的做法是使图像的内部大小与可见大小匹配。
图片下载速度会更快，你最大的满意画质分数也会上升。

LCP如何处理来自另一个域的映像

从另一个域（如CDN）提供的图像通常不计入最大的Contentful Paint计算中。想要将这些资源作为计算的一部分的发布者需要设置所谓的计时允许源代码头。
将这个标题添加到您的站点可能很棘手，因为如果您在配置中使用通配符（*），那么它可能会打开您的站点，导致黑客事件。
为了正确地做到这一点，你必须添加一个特定于谷歌爬虫的域名，以便它能看到你的CDN的时间信息。
因此，此时，从另一个域（如CDN）加载的资源（如图像）将不作为LCP计算的一部分。

计分要注意的问题

用户屏幕（视口）中的所有元素都用于计算LCP。这意味着，在屏幕外渲染并在渲染后切换到布局中的图像可能不会算作最大满意绘制分数的一部分。
另一方面，从用户视口开始，然后被推离屏幕的元素可能会被计算为LCP计算的一部分。

如何获得LCP分数

有两种计分工具。第一个称为现场工具，第二个称为实验室工具。
现场工具是现场的实际测量。实验室工具根据模拟的爬网算法给出一个虚拟分数，该算法可以近似移动电话上典型用户可能遇到的互联网状况。

如何优化最大含量的油漆

有三个主要方面需要优化（对于JavaScript框架，还有一个方面需要优化）：

1. 慢速服务器
2. 呈现阻塞JavaScript和CSS
3. 资源加载时间慢

在共享或VPS主机上，DDOS级别的黑客攻击和刮板流量可能会导致服务器速度缓慢。你可以通过安装一个像WordFence这样的WordPress插件来了解你是否正在经历一场大规模的攻击，深圳谷歌推广然后阻止它。
其他问题可能是专用服务器或VPS配置错误。一个典型的问题是分配给PHP的内存量。
其他问题可能是过时的软件，如旧的PHP版本或过时的CMS软件。
最坏的情况是一个共享服务器，多个用户正在减慢您的设备速度。在这种情况下，转移到一个更好的主机是答案。
通外贸网站推广常，应用诸如添加缓存、优化图像、修复渲染阻塞CSS和JavaScript以及预加载某些资产之类的修复都会有所帮助。
Google有一个很好的处理CSS的技巧，这对于呈现用户所看到的内容并不重要：

“完全删除任何未使用的CSS，或者将其移动到另一个样式表（如果在站点的单独页面上使用）。
对于初始渲染不需要的CSS，使用loadCSS异步加载文件，这将利用rel=“preload”和onload。
“

LCP评分的现场工具

谷歌列出了三个领域工具：
PageSpeed洞察
搜索控制台（核心网络关键信息报告）
Chrome用户体验报告
最后一个是Chrome用户体验报告，需要一个Google帐户和一个Google云项目。前两个更直接。

LCP评分的实验室工具

实验室测量是模拟分数。
谷歌推荐以下工具：
Chrome开发工具
灯塔
网页测试.org
前两个工具是由Google提供的。第三种工具由第三方提供。