什么是最大内容绘制 (Large Contentful Paint) 以及如何在你的网站上改进它

页面加载速度是每个网站都应考虑的一个因素,尤其是在SEO 方面

谷歌越来越多地要求做出与用户体验相关的调整,这也会影响网站的排名。考虑到这一点,该公司创建了一个新的指标:最大内容绘制(LCP)

此参数的目的是确保访问网站的用户对所发现的内容感到满意。这不仅涉及内容,还涉及表现和呈现。

如果一个页面需要花费太长时间才能呈现其内容,那么访问者很可能会放弃该页面。而对于谷歌来说,这意味着这种体验并不是最合适的。

在这篇文章中,您将更好地了解 LCP 指标、它的组成部分以及该主题的其他要点。今天我们将看到:

  • 最大的内容绘画是什么?
  • 如何测量 LCP?
  • 什么是良好的 LCP 分数?
  • 为什么最大内容绘制对 SEO 很重要?
  • 如何优化?
  • 图像在 LCP 中扮演什么角色?

继续阅读并了解更多!

最大的内容绘画是什么?

最大内容绘制是Google 核心网络生 冰岛电话号码数据 命力指标,用于衡量网站以完整、可交互的方式向用户在屏幕上显示最大内容所需的时间

Google 将此指标定义为仅考虑页面顶部的内容,即无需滚动即可出现的内容。

还有另一个相关点,与所考虑的内容类型有关。该指标仅计算与用户体验相关的加载时间,即:

  • 图像。
  • 图像标签。
  • 视频缩略图。
  • 带有CSS的背景图像。
  • 文本元素,例如段落、标题和列表。

如何测量 LCP?

你可以用两种方式测量最大内容绘制:

  • 直接在网站上,使用 .field方法
  • 通过算法进行的性能模拟,也就是在实验室里

对于每一种方法,都有不同的工 如何使用软件管理员工的日程安排? 具可以加快工作速度并使测量更加准确。从可以使用的字段方法开始:

  • Chrome 用户体验报告
  • PageSpeed 洞察
  • 搜索控制台(核心网络生命力报告)

就实验室工具而言,最推荐的是:

  • Chrome 开发者工具
  • 灯塔
  • 网页测试

由于 LCP 是 Google 创建的指标,因此我们可以在所有这些工具中轻松找到它。它们可以在必要时测量 LCP 的性能,并且主要是持续监测结果。

 

什么是良好的 LCP 分数?

虽然指标监控很重要,但了解预 白俄罗斯商业名录 期的最低性能标准也是必要的。

考虑到主要内容,Google 算法对页面加载时间有特定要求。在这种情况下,最多2.5秒就被认为是一个好的结果

监控最大内容绘制的最佳方式是依靠web.dev创建的这个图示仪表:

持续监控此指标对于将加载时间保持在 2.5 秒以下至关重要。如果检测到负面变化,增加这个时间,就需要调查原因并采取行动。

与最大内容绘制相关的一个错误是没有试图提高这个速率,因为持续的努力将帮助您实现预期的结果。

为什么最大内容绘制对 SEO 很重要?

当我们谈论 SEO 及其与 LCP 的关系时,我们必须强调 Google 认为该指标是核心网络生命力的相关部分。

因此,最大内容绘制是算法评估的一个重要参数,网站必须在这个标准上取得好成绩。

近年来,谷歌越来越注重定义评估参数以改善用户体验,所有这些都整合了核心网络生命力。

由于 LCP 与页面加载时间相关,它自然会影响Google在结果页面上分析和排名网站的方式。

用户体验是一种竞争优势,也是网站在网络上被找到的一个基本参数。这就是为什么仅有好的内容、有吸引力的产品和精良的设计是不够的。

快速的页面加载不仅有助于提升用户体验,还能确保 Google 对您的内容进行良好的排名。

 

如何优化?

可以优化最大内容绘制 (Largest Contentful Paint)。为此,监控是实现持续改进的日常工作中的关键部分。

在您的日常任务中包含一系列分析至关重要,下面我们将向您展示其中的一些。

优化图片尺寸

始终使用适当尺寸的图像。您的托管服务将为桌面版或移动版建议具体的尺寸。当您使用正确的尺寸时,您可以避免过载和高 LCP。

使用 CDN 保存图片

CDN 服务可以使图像加载更快。例如,ImageEngine是一个完成所有图像适配工作的工具,它会考虑访问设备、文件大小和用户位置等因素。

避免使用 JavaScript 加载图像

加载JavaScript会减慢该过程,因此最好将这项工作留给浏览器。这有助于防止任何延误,并使 LCP 保持在建议的平均值范围内。

选择一个好的托管服务

您的网络主机也会影响页面加载时间。因此,请寻找一个质量上乘、在市场上享有良好声誉的网站,最重要的是,该网站能够提供适合您网站规模和访问量的基础设施。

图像在 LCP 中扮演什么角色?

图像通常是页面上加载的最大元素,这就是为什么必须关注它们的主要原因。

这也是为什么我们向您展示的提示与图像相关。毕竟,他们对浏览器的要求很高,有时会导致延迟。

虽然图像不是影响 LCP 的唯一元素,但如果不进行优化,它们可能会对其产生负面影响。因此,您需要确保您的文件是压缩的、大小合适的,并且采用WebP、JPEG 和 PNG等格式。

快速的网站通常能够提供良好的用户体验。在与此相关的众多关注点中,最大内容绘制被认为是核心网络生命力中最重要的。因此,请继续监控它并在必要时关注优化。

现在,如何优化您的网站以获得更好的排名并丰富它为用户提供的体验?立即下载免费电子书,它将教您如何提高网站的性能

滚动至顶部