我们在我们之前的文章中解决了三个核心Web Vitals,以优化谷歌的核心Web Vitals更新。但是,我们无法谈论没有深入潜入一个关键因素的核心网络生命因素:LCP,也称为最大的满足油漆。
在本指南中,我们将探讨LCP,为什么它是重要的,它的好处,以及您可以做些什么来优化您的网站。
LCP是什么,为什么重要?定义良好或差的LCP 是什么导致差的LCP?如何修复差的LCP 发现你的LCP semrush做什么可以帮助? 什么是lcp和为什么它很重要? lcp对于最大的满足性涂料很短。 LCP是页面速度的衡量标准;它告诉你它需要多长时间网页的主要内容加载(基本上当页面对用户可读时。) LCP对用户体验相当不可或缺。用户通常不想闲逛,并在别处立即获得更好的体验时等待站点加载。
如果你的LCP很差,你可能会遇到更高的反弹率,你的整体排名可能会受到打击。 Bad LCP甚至可以导致较低的转换率 – 对崭露头角的业务不利。
由于谷歌的核心Web Vitals更新,LCP正在成为您在SERPS上排名的更重要因素。为了保持有机排名并维护这些访客,留在LCP之上是非常重要的。
LCP仅适用于折叠以上的主要内容。那包括在没有用户向下滚动以查找它们的情况下显示的任何图像,视频或块。在找不到任何问题区域时记住这一点。
定义良好或差的LCP
根据Google的指导方针,您的页面的主要内容应在用户访问的前2.5秒内加载,以获得良好的LCP。下图更详细地显示了这一点:
如果您的用户必须等待五秒钟或更长时间的主要内容加载(即,如果您的LCP差需要改进),他们很可能放弃并寻找其他地方。
谷歌的指导方针进一步指明了
您的LCP需要排名为“良好”至少75%的时间
。如果您可以管理这一点,您的性能将会飙升。
什么导致LCP差?
可能导致LCP的清单技术无穷无尽。 它可能是占用很多空间的东西:内置媒体播放器可以慢下来,未优化的图像,社交媒体按钮幻灯片,甚至像登录一样的小部件,时事通讯签名 – 表格等等。
但让我们更具体地了解。
作为上述图示,导致差LCP的因素通常属于四个主要组:
1。缓慢服务器响应时间
具有缓慢的服务器响应时间对您的所有加载速度指标产生负面影响,因此是一个明确的原因贫穷的LCP。
改进这一步的第一步是确保您在良好的服务器上托管您的网站。
2。渲染阻止JavaScript和CSS
虽然自定义您的网站是一种帮助它脱颖而出的好方法,添加JavaScript和CSS来美化您的网站主题,其内容尚不遗憾地影响您的网站的装载时间。
有时候坚持较少“重”的网站设计并减少您的LCP的较少“沉重”的网站设计并减少您所拥有的插件数量,特别是在折叠之上。
3。客户端渲染
客户端呈现(使用JavaScript直接在浏览器中呈现网页)是一个非常流行的Web开发方法。
但是,它涉及到浏览器的许多来回收集和加载JavaScript之前,渲染主要内容以及更多等待您的用户。
如果您还依赖于客户端渲染,这可能是您希望在您的LCP工作时要查看的东西。
4。慢的资源负载时间
页面上的大资源或视觉上有关内容必将花费很多时间来加载 – 这只是一个生活的事实。
如果您有许多未优化的高质量图像,GIF和文本框,则会在折叠之上呈现,您的LCP将受到影响。
阅读有关优化这些东西的更多信息以改善您的LCP。
如何修复差的LCP
较差的LCP存在几个修复 – 其中一些比其他更容易。我们将在这里带走一些更简单的人。
1。优化您的CSS
CSS文件是阻止呈现的资源。在服务器可以呈现整个页面之前必须加载和处理资源。
但是,您可以通过手动删除未使用的代码来优化CSS文件,从而最大限度地减少使用中的CSS文件,或使用媒体查询优化CSS背景图像。
它听起来很棘手,但有很多资源和
教程关于用户以用户为中心的速度指标
,可以帮助!
2。优化图像
在优化图像时,您可以采取一些步骤。主要部分如下:
压缩您的图像考虑将图像转换为更有效的格式,使用视频而不是GIF(它们需要更少的加载时间)确保您的图像具有正确的尺寸
,它始终值得思考:我真的需要这个形象吗?它是否为我的页面添加了任何东西?如果没有,可能值得摆脱它。
3。优化Webfonts
字体经常进入大文件。结果,罕见字体中的文本内容将不会显示在页面上,直到字体文件加载。
用户需要更长时间才能看到网页上的基本信息!这只是不会做。
为了避免这种情况,您需要优化Webfonts。通过减少你R webfont大小,使用字体显示或更新您的页面样式以使用您的自定义字体,页面负载应该加速。
4。优化你的javascript
你编写了你的javascript,让你需要的所有信息,你有好处,对吗?
不太。如果您的JavaScript一直坐在一段时间内,它可能值得检查它,因为它可能会花费您的页面负载速度。
您可以做的一些事情来优化你的JavaScript(给定最新的LCP指标)包括:
删除未使用的代码检查您的代码最新,并与安装现代JavaScript的现代浏览器兼容,并减少有效载荷使用代码拆分
发现您的LCP
所以,您如何了解您的LCP是什么?
A GoOD Place以检查LCP性能,是使用Google提供的工具:Google搜索控制台,Google页面洞察和灯塔。
您将在Google搜索控制台中找到左侧导航栏中的核心Web Vitals的选项卡。进入此选项卡将显示URL的概述。从那里,很容易看出任何问题可能是什么以及你可以解决问题的调整。
如果您没有谷歌搜索控制台设置为您的网站,请不要担心。您还可以通过Lighthouse和Pagespeed Insights工具访问此信息。如果您是Pagespeed Insights的新手,您可以找到使用
这个谷歌工具
在我们的博客上的完整说明。
这是页面洞察力overview为亚马逊桌面网站。它向我们展示了所有核心Web威力:
如你所见,最大的满足油漆做得很好,但总有改进的空间。前往机会部门,探索所有建议,并在更好的排名中抓住所有这些机会。
通过及时通过这些建议来通过这些建议来通过谷歌的核心Web Vitals更新是一个好主意。常规检查以确保您的LCP和其他网站指标和SEO情况的不断提高。
所以,你已经在你的LCP上看了,你已经确定了任何问题。现在,您必须在修复它们,然后在一两周内重复整个过程。
保持您的SEO的不断保养,以维护您的网站的LCP脚跟可以快速疲惫不堪。好消息是,我们确切地知道如何使这个过程更有效:
网站审核工具。
使用该工具测试您的网站速度,并生成所有可能的改进和问题的列表 – 就像Pagespeed Insights一样,但更好。站点审计工具还将扫描技术SEO错误,为您提供易于阅读的图表和表,解释所有问题和修复。
该工具可以通过评估您的URL并在不断保持您的LCP是如何执行的同时对您的内容进行分析并分析其内容来帮助您填写核心Web Vitals差距。
一旦您设置了您的网站审核,您所要做的就是点击“核心”下的“查看详细信息”b Vitals’:
您可以在左侧图中找到您的LCP结果:
现在你知道如何使您的LCP性能最新,并在哪里进入发现的改进点。如果您经常通过现场审计的每个建议进行工作,您的LCP和核心Web Vitals正在进行改进。
使用此数据随着时间的推移来跟踪LCP,并且您必须立即高档您的网络速度表演。
仍然感到有点不确定?有关使用网站审核的更多信息,一般使用网站审核,请在
上查看我们的博客帖子测量核心Web Vitals,Semrush的网站审核
。