在本指【zhǐ】南中，什么是 LCP，LCP是什么意思？什么原因导致 LCP 不【bú】佳？LPC问题怎么解决【jué】 怎么【me】测式LCP、它的好处【chù】以【yǐ】及您可以【yǐ】进行【háng】哪【nǎ】些改进来优化您的网站。
LCP 是Largest Contentful Paint 的缩写。LCP是衡量页面速【sù】度的指【zhǐ】标；它告诉您加载【zǎi】网页的主要内容【róng】需要多长【zhǎng】时【shí】间【jiān】（基本上是当【dāng】页面变得对用户可【kě】读时。）LCP 是用户体验不可【kě】或缺的一部分。当用户可【kě】以立即在【zài】其【qí】他【tā】地【dì】方获得【dé】更好【hǎo】的体验时【shí】，他们通常【cháng】不【bú】想闲逛并等待网站【zhàn】加载。 如【rú】果你的 LCP 很差，你可能会遇【yù】到更高【gāo】的跳出率，你的整【zhěng】体排名可能会受到影【yǐng】响。糟糕的 LCP 甚至会导【dǎo】致较低的转化【huà】率。 由于 Google 的 Core Web Vitals 更【gèng】新，LCP 正【zhèng】在成为【wéi】您在 SERP 上排名的【de】一个更重要的因素。为了保持有机排名并【bìng】维持这些访问者，保持在 LCP 的【de】顶部是【shì】非【fēi】常【cháng】重要的。
LCP 仅适用【yòng】于首屏的主要内【nèi】容。这【zhè】包括无需用户向【xiàng】下【xià】滚动即可显【xiǎn】示【shì】的任何【hé】图像、视频或文本块。在注意任何问题区域时，请记住【zhù】这一点【diǎn】。
定义好的或差的 LCP
根据 Google 的【de】指南【nán】，您页【yè】面的主要内容应在用户访【fǎng】问的前 2.5 秒内加载，以获得良好的 LCP。下【xià】图更详细地显【xiǎn】示了这一点：
如果您【nín】的【de】用户必须【xū】等待五秒钟或更长【zhǎng】时间才能加载主要内容（即【jí】您的 LCP 很差并【bìng】且需【xū】要改进），他们很【hěn】可能【néng】会放弃并寻【xún】找其他地方【fāng】。
Google 的指【zhǐ】南进一步规定，您的 LCP 需【xū】要至【zhì】少在 75% 的时间【jiān】内排名为“良好【hǎo】”。如果你能做【zuò】到这一点，你的【de】表现就【jiù】会飙升。
我们稍后会查看您的特定 LCP。现【xiàn】在，让我们关【guān】注导致 LCP 不佳【jiā】的一般原【yuán】因【yīn】以及如何解【jiě】决这些问题。
从技【jì】术上讲，可能导致 LCP 不佳的原【yuán】因列【liè】表是无法全部【bù】解释清【qīng】楚的【de】。
它可以是占【zhàn】用大量空间的任何【hé】东西导致：可【kě】以减慢页面速【sù】度【dù】的【de】内置媒体【tǐ】播放【fàng】器、未优【yōu】化图像的幻【huàn】灯片、社交媒体按钮，甚至是登录等【děng】小部件。
但让我们更具体一点。
如上【shàng】图所示，导致 LCP 不佳的因素通常属【shǔ】于四大类：
1. 服务器响应时间慢
服务器响应时间缓慢会【huì】对您【nín】的所有【yǒu】加载速度指标产【chǎn】生负面【miàn】影响，因此【cǐ】是导致 LCP 不佳的【de】明确【què】原因。
服务器响应【yīng】时间缓慢通【tōng】常是由于【yú】您的后端基础【chǔ】设施【shī】问题、未优化的【de】数据库【kù】查询或需要很长时【shí】间才能解决的【de】 API 响应造成的【de】——所【suǒ】有这些都发生【shēng】在您站点的【de】后台。
改善这一点的第【dì】一步就是【shì】确保您在【zài】良好的服务【wù】器上【shàng】托管您的网站。
2. 渲染阻塞 JavaScript 和 CSS
尽管自定【dìng】义【yì】您的网站是让它脱颖而出【chū】的好方法，但不幸的【de】是，添加【jiā】 JavaScript 和【hé】 CSS 来美【měi】化【huà】您【nín】的网站主题及其内容也会影响您网站的【de】加载时【shí】间。
有时，为【wéi】了您的【de】 LCP，坚【jiān】持使【shǐ】用不那【nà】么“重”的站点设【shè】计并减少【shǎo】您【nín】拥有的插件数量，尤其是首屏插件【jiàn】的数量是一个更好【hǎo】的主意【yì】。
3. 客户端渲染
客户端【duān】渲染【rǎn】（也【yě】就是使用 JavaScript 在【zài】浏览器中直【zhí】接渲【xuàn】染网页）是一种非常流行【háng】的【de】 Web 开发方法。
但是，浏览器在呈现【xiàn】主要内容之前会【huì】反复收集和加【jiā】载 JavaScript，并且更【gèng】多时【shí】间等待用【yòng】户。
如果【guǒ】您还依【yī】赖客户端渲染，那么【me】在处理 LCP 时可能需要考【kǎo】虑【lǜ】一下。
4. 缓慢的资源加载时间
页【yè】面上【shàng】的大量资源或具有【yǒu】可视【shì】化冲击力的内容必然需【xū】要花费大量时【shí】间来加载——这就【jiù】是生活中【zhōng】的事实。
如果您【nín】有【yǒu】大量未优化的高【gāo】质量【liàng】图【tú】像、GIF 和文本框【kuàng】要在首屏呈【chéng】现，您的【de】 LCP 将会受到影响。
继续【xù】阅读以了解有关优化这些【xiē】内容以【yǐ】改进 LCP 的更【gèng】多信息。
有一些【xiē】针【zhēn】对较差 LCP 的修复程序 – 其【qí】中【zhōng】一【yī】些比其他更容易。我【wǒ】们将在这里带您了解一些【xiē】更简单的方法。
1. 优化你的 CSS
CSS 文件【jiàn】是阻【zǔ】止渲染的资源。在【zài】服务器渲【xuàn】染整个页【yè】面之前，必【bì】须加载和处理资源。
您可以【yǐ】通过手动【dòng】删除未使用【yòng】的代【dài】码【mǎ】、最小化【huà】正在使用的 CSS 文件或使【shǐ】用媒体查询优化【huà】 CSS 背景图像来优化 CSS 文件。
2. 优化你的图片
在优化图像时，您可以采取几个步骤。主要有以下几种：
压缩您的图像
考虑将您的图像转换为更有效的格式
使用视频代替 GIF（加载时间更短）
确保您的图像具有正确的尺寸
而且总是值得思考：我真的需要这张【zhāng】图片吗【ma】？它【tā】是否向我的【de】页面添加了任何内容【róng】？如果没有，可【kě】能【néng】值得摆【bǎi】脱它。
3. 优化你的网页字体
字体通常是大【dà】文件【jiàn】。因此，在加载字体【tǐ】文件【jiàn】之前【qián】，不常见【jiàn】字体的文本内容不【bú】会显示在页面【miàn】上。
用户需要【yào】更长的时间才能在网页上看【kàn】到重【chóng】要信【xìn】息！那是不行的。
为【wéi】了【le】避【bì】免这种【zhǒng】情况，您需要优【yōu】化您的 WebFonts。通过减小 WebFont 的大小【xiǎo】、使用【yòng】字体显示或更新页【yè】面【miàn】样式以使用自定义字体【tǐ】，页面加载【zǎi】速度应该会加快。
4. 优化你的 JavaScript
您的【de】 JavaScript 已经运行了一【yī】段时间【jiān】，可能【néng】值得检查一下，因为它【tā】可能会降低您的页面【miàn】加【jiā】载速度。
您可以【yǐ】做一些【xiē】事【shì】情来优化您的【de】 JavaScript（给【gěi】定最新的 LCP 指标）包括：
删除未使用的代码
检查您的代码是否是最新的并与现代浏览器兼容
安装【zhuāng】现代 JavaScript 并【bìng】通【tōng】过【guò】代码拆分减少有效负载
那么，您如何知道您的 LCP 是什么？
检查 LCP 性【xìng】能【néng】的一个好地方是使用 Google 提供【gòng】的【de】工具：Google Search Console、Google Page Insights 和 Lighthouse。
您会在 Google Search Console 的左侧导航栏中找到 Core Web Vitals 标签。进【jìn】入【rù】此选项卡将显示【shì】您的 URL 概【gài】览。从那里，很容易看到可【kě】能存【cún】在的问题【tí】以及您【nín】可以【yǐ】进【jìn】行【háng】哪【nǎ】些调整来解决这些问题。
如果您【nín】没有【yǒu】为您的网站【zhàn】设置 Google Search Console，请不要【yào】担【dān】心。您还可以【yǐ】通过 Lighthouse 和 PageSpeed Insights 工具访问【wèn】此【cǐ】信息。
这【zhè】是 Amazon 桌面站点的 Page Insights 概述。它向我们展【zhǎn】示了所有【yǒu】 Core Web Vitals：
如【rú】您所见，Largest Contentful Paint 的表现相当【dāng】不错，但总有改进的【de】余地【dì】。前往“机【jī】会【huì】”部分，探索所有建【jiàn】议【yì】并抓住所有这些机会以获得更好的排名。
及时完成这些建议以并经常【cháng】检查以确【què】保您【nín】的【de】 LCP 和【hé】其他站【zhàn】点【diǎn】指标持续的改进。
总结
现在您知【zhī】道如何使您的【de】 LCP 性能保持最新以及【jí】在哪里可以发现【xiàn】改进点。如【rú】果您【nín】定【dìng】期完成站点审【shěn】核中的每条【tiáo】建议，那么您【nín】的 LCP 和核【hé】心 Web 生命指标就会得到改进【jìn】。，随着时【shí】间推移，您【nín】一定会提升您的网络【luò】速度【dù】性【xìng】能。
版权所有：深圳市网商在线科技有限公司
友情链接:
