最大的内容绘画:如何提高你的分数永远

Wordpress大师

   Emily Siliwon 2021年10月4日页面速度10分钟读     

所以你一直在努力建立一个快速、干净的网站，现在你已经通过一个页面速度工具运行它，它是令人失望的，结果不是你希望的。虽然在失败中垂头丧气似乎是一个诱人的选择，但从SEO和用户体验的角度来看，在认输之前，你一定要重新考虑一下。

你等待一个页面加载多久?对于50%的人来说，时间不到3秒。在这宝贵的3秒钟里，很多事情都悬而未决。需要90+的PageSpeed分数?使用10Web，您可以自动获得它!需要一个90+的网页速度分数?使用10Web，您可以自动获得它!一个页面快速加载最大内容绘制（LCP）内容的能力可以安抚不耐烦的访问者，让他们知道自己在正确的地方，而页面的其他部分正在加载。通常是图像、视频或像 或 这样的块级元素，这应该是首先渲染的内容之一。



最大内容绘制指标是谷歌核心Web Vitals的一部分，它衡量的是页面最大可见元素加载所需的时间。核心Web Vitals只是页面体验的一个方面，标志着谷歌现在被视为一个排名因素。

低LCP加载时间是加载性能和良好用户体验的直接指标，值得在搜索结果中排名靠前。各种因素会影响最大内容绘制元素的加载时间，例如:服务器响应时间渲染阻塞JavaScript和CSS适当的缓存和压缩图像优化

你可以用各种工具测量你的页面速度和LCP。基于开源的Lighthouse工具，谷歌的PageSpeed Insights是最著名的网站审计工具之一。开发工具在谷歌Chrome WebPageTest GTMetrix

搜索控制台的核心至关重要的报告让你洞察真实世界的数据如何你的网站执行，让你提高整体用户体验-和潜在的你的网站的排名。提示:您也可以使用JavaScript

来测量LCP。小于2.5秒的良好的最大内容绘制得分有助于为用户产生快速的“感知加载时间”，并满足谷歌提供良好页面体验的标准。相反，超过4秒就会得到“很差”的分数，导致一半的访问者可能会在页面最大的内容悠闲地加载时放弃这个页面。如何提高最大的意旨油漆分数

有很多事情可以做来提高页面的连结控制协定性能:得到一个快速的服务器建立一个CDN删除任何未使用的JavaScript推迟JS和CSS贬低JS和CSS文件优化图像和WebP利用压缩的格式,比如GZIP或Brotli静态资产使用rel =“预”为关键资产使用rel = “ preconnect “第三方连接

网站像WordPress可以运行在受欢迎的cms许多特定于平台的解决方案的优势有助于解决这些问题和一般的页面速度优化。继续阅读，了解这些插件和服务如何帮助简化这个过程。通过优化数据库查询和消除资源密集型查询，可以使服务器上的工作更轻松。例如，使用大量逻辑动态生成页面的页面往往会在最终用户有机会看到页面之前就使服务器陷入停滞。对于WordPress网站来说，缓存和优化好的主题是提高速度的关键。

使用CDN

内容分发网络（CDN）从其服务器的网络中分发内容。使用CDN可以缩短整个页面的加载时间Ess的页面速度与1-click迁移插件的改进。这个工具会对你的网站进行优化，这样你就可以在10Web的平台上进行测试。

如果您已经运行在优秀的主机上呢?使用像NitroPack或WP Rocket这样的插件，你可以提高你的页面加载速度，以提供一流的用户体验，并在访问者离开之前留住他们。硝化包将多个任务整合到一个插件中，具有自动PageSpeed Insights优化，一个专有的速度算法，和一个包含的CDN，为提高页面加载速度提供了一个turnkey解决方案。设置硝化包是一个2步的过程。首先，你需要安装插件，然后创建一个硝化包帐户，你将通过WordPress管理员连接到你的网站。一旦安装和连接，硝化包让你选择四个预设的优化级别之一，或去与一个手动设置，以控制每个高级功能。 强大和滑稽的模式是你会发现硝化包最强大的功能在行动，包括它的专有资源加载器和JavaScript的惰性加载。这些特性对于改善页面的最大内容绘制是直接有用的，因为它们可以推迟渲染阻塞JS和优先加载必要的HTML和CSS。无论你选择哪个预设，你都可以在“常规设置”中自定义你的预设。在这里，您将发现一些常见的选项，包括排除资源url、输入自定义CSS和延迟脚本加载等等。 “WP Rocket”

只要通过WordPress仪表板安装WP Rocket，你就会发现默认情况下做了一些改进。因此，您可能已经看到了更好的最大内容绘制分数。     



如果你的主机还没有提供缓存，这个插件可以为静态文件提供浏览器缓存和Gzip压缩。为你的网站设置一个好的缓存策略可以提高回访访问者和用户访问多个页面时的页面加载速度。

WP Rocket建议采用尝试和测试的方法为您的站点找到最佳选项。由于LCP经常涉及图像，首先在Media选项卡中启用图像的惰性加载。如果启用图片惰性加载后一切正常，请转到文件优化选项卡，尝试延迟和最小化JavaScript和CSS。您可能会发现在这里排除jQuery也很有帮助。“优化CSS交付”的高级选项在LCP时间特别有趣。启用此功能会将WP Rocket发送到您网站上的每种类型的页面，在那里它识别并生成快速加载页面的LCP内容所需的关键路径CSS。它可以很好地消除关于内联关键CSS的警告。正如你所看到的，有很多变量影响着提高页面的最大内容绘制时间。对于WordPress专业人士来说，有大量的解决方案可以帮助您减轻技术负担。有了一个优化的主题，正确的托管计划，和插件，你的网站准备提供一个优化的体验，你的访问者和搜索引擎会喜欢。常见问题我如何预加载最大的内容绘制图像?使用rel= “ preload “和as= “ image “链接属性和值告诉浏览器渲染元素的优先级。LCP是一个排名因素吗?是的，从2021年6月起，谷歌开始将页面体验作为排名因素。由于LCP是在页面体验中发挥作用的核心Web Vitals的一部分，快速LCP作为排名因素越来越重要。有一个好的LCP评分保证快速的网站速度吗?虽然良好的LCP评分很重要，但许多其他指标也会影响网站的速度。例如，服务器速度、第一次内容绘制和交互时间也显著影响PageSpeed得分。

Y你喜欢这篇文章吗?传播这个词!

留言取消回复

您的电子邮件地址将不会被公布。必填字段标记为*

您的电子邮件地址将永远不会被发布或共享。必填字段标记为*

COMMENT*

NAME *

EMAIL ADDRESS *

WEBSITE

在此浏览器中保存我的姓名、电子邮件和网站，以便下次评论时使用。













相关帖子核心Web至关重要:唯一的指南，你将永远需要WordPress缓存和它如何提高你的网站速度我们如何达到90+的网页速度评分顶级网站性能指标#性能#网站速度