WP Rocket 3.19:改进的LCP和布局稳定性的轻松增强功能

已发表: 2025-06-12

还记得一级方程式球队如何赢得比赛吗?从长远来看,这不仅是一个重大变化,而且是许多小改进。我们的新发行版再次反映了这种增量和智能优化的愿景:满足WP Rocket 3.19!

我们的最新版本着重于增强两个功能,使其所有人都可以使用,无论其技术专长如何。我们进行了复杂的过程,需要每个页面的手动优化才能提高效率,并将其变成在后台起作用的功能,从而使它们的魔术。

结果? WP Rocket 3.19为您的访问者带来了更好的用户体验,这要归功于布局稳定性和防止内容变化,并提高了感知的速度以及最大的最大内容涂料等级。

在WP Rocket,我们相信每个人都应该得到一个快速的网站 - 这就是为什么我们不断寻找简化速度优化的方法,同时确保我们所有的客户都能从我们强大的功能中受益。

准备查看这些简单且明智的改进如何为您的网站增添更好的性能吗?让我们深入了解WP Rocket 3.19的细节或观看下面的视频。

WP火箭3.19需要什么

WP Rocket 3.19引入了两个增强功能,可在幕后工作,以提高您的网站性能。

第一个增强功能与预加载字体有关:该功能在更改其工作方式及其位置的同时保持相同的名称,就像您在下面阅读一样。

第二个重点是自动化预摘要DNS请求功能,该功能已重命名为外部域,并从插件接口中删除 - 您将在专用部分中了解此选择背后的原因。

一单击的预紧字体

让我们退后一步,了解哪些字体预加载是什么,以及为什么它对您的网站性能很重要。

解释字体预加载

字体预加载是一种强大的优化技术,可以改善网站上的文本速度迅速而流畅。

原因如下:当访问​​者访问您的网站时,他们的浏览器不仅需要加载页面的内容,还需要加载其相关字体。没有预加载,这是通常发生的事情:

  1. 浏览器开始使用默认字体显示您的文本。
  1. 然后,它在您的CSS中发现它需要加载一种自定义字体 - 您选择的字体。
  1. 加载自定义字体后,文本会更改以使用此新字体而不是默认字体。

此过程可能会导致所谓的未经风格的文本(fout)。 Fout是一个短暂的时刻,您的文本突然随着自定义字体加载而更改外观。

您可以猜测接下来会发生什么:页面的布局趋于变化。这种转变不仅在视觉上令人不愉快,而且还会对Google的核心网络生命值之一负面影响累积布局变化(CLS)级。

字体预加载可以通过告诉浏览器您的自定义字体很重要,从而有助于解决此问题,甚至在分析所有CSS代码之前,都需要立即下载它们。结果,当浏览器首先显示文本,减少或消除字体更改并确保更大的布局稳定性时,自定义字体更有可能准备就绪。

你为什么要预加载字体?

预装字体和避免布局变化的好处与增强用户体验密切相关,这意味着提供良好的第一印象,并确保您的访问者愿意留在您的网站上并有可能进行转换。

此外,字体预加载还可以改善您最大的内容涂料(LCP)等级,这是另一个核心网络至关重要的,它可以衡量页面上最大的内容元素的速度。研究细节,当LCP元素是文本节点时,字体预加载可以优化LCP性能 - 对于移动设备和桌面之间的网站平均20%就是这种情况。

3.19:满足新的预紧字体功能

尽管字体预加载可以带来这些显着的性能增长,但我们注意到客户几乎没有使用此功能,或者它并不总是正确地实现。相反:事实证明,预加载字体在性能方面是适得其反的。这就是为什么我们希望使所有客户更轻松且可以访问此选项,同时减少其不正确的实现。

在这里,我们是:WP Rocket 3.19使预加载字体成为一个自动化过程,您可以一键启用。

您不再需要手动识别正确的字体文件URL并预紧额来使功能有效地工作。 启用该选项后,WP Rocket会在每个页面上自动检测到折叠率的字体,并且需要优先考虑使用移动设备和台式机。然后,它仅预加载这些相关字体,从而产生更精确,更有效的优化。

这种优化有所作为,因为预先加载未使用的资产可能会损害绩效。例如,如果在页面加载的前几秒钟内未使用预加载的字体,则像Chrome这样的浏览器可能会发出警告。通过仅专注于真正需要的字体,新的预加载字体选项可帮助您避免这些潜在的问题并确保最佳的字体预加载。

请注意,现在您会在“媒体”选项卡中找到新的PRELOAD FONTS功能:

新的预加载字体功能
新的预加载字体功能

如果您先前手动指定字体,则默认情况下将启用自动化选项。

底线:新的预加载字体功能会自动优化字体加载,从而确保访问者从降落在网站上的那一刻起,只需单击即可。

与外部域的预连接:全新的自动化过程

至于先前的功能,让我们先简要介绍对外部域对网站速度的影响的影响。

普通英语的前域前连接

与外部域的前连接是一种强大的优化技术,可对资源加载产生积极影响。

当您的网站需要加载来自外部域的字体或脚本等资源时,您的浏览器通常需要首先建立与这些域的连接。此连接过程可以为外部资产下载过程增加不必要的延迟,从而影响基于外部资产的特定指标。

预先连接通过事先告诉浏览器需要哪些连接来解决此问题。这使浏览器可以尽早设置这些连接,从而减少需要在需要时加载的时间。

这种优化带来了两个好处:

  1. 改善加载时间:通过提前设置连接,您的网站可以开始更快地加载外部资源 - 并且页面也更快地加载。
  1. 增强的LCP性能:如果您最大的内容涂料元素是第三方域中的字体,则预处理可以帮助其更快地加载,并有可能提高LCP分数。

3.19:从预取DNS请求到前连接到外部域

我们注意到,预取DNS请求功能也没有充分利用,并且经常被误用。这就是为什么我们决定自动化此选项,将其从WP Rocket接口中删除,然后将其重命名为外部域。

使用WP Rocket 3.19,这种强大的优化在后台起作用,不需要启用。这就是为什么您再也不会在WP Rocket设置中找到此功能的原因了。

这是您需要了解的有关此增强的知识:

  1. 这是一个完全自动化的过程:您不再需要手动确定实施优化时要包含的域。 WP Rocket现在自动处理此操作。
  1. 仅应用于需要在移动设备和桌面上需要的页面上,从而实现了更高效,更有针对性的方法,该方法在所有设备上都是一致的。

如上所述,此功能可以导致更快的页面加载时间和改进的LCP分数 - 无需您抬起手指。

如果要禁用该功能,则需要应用以下过滤器:

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

我们建议只有在您的网站有十个以上的域进行预加载时才禁用它 - 在这种边缘情况下,最好让浏览器管理该过程。通常,每个页面都有几个外部域,您可以通过查看页面源代码和数据转数字连接的出现数量来检查此方案是否适用于您的网站。

底线:外部域的预连接功能是一种新的自动增强功能,可以在网站和外部资源之间更快地建立连接,同时消除实施不正确的风险。

微调性能:自动化优化

说到自动起作用的WP火箭功能,与外部域前连接是最新的,它增加了现有的域:

  • 页缓存(包括移动缓存)
  • 优化关键图像
  • 自动懒惰渲染
  • 浏览器缓存
  • GZIP压缩
  • 对网络字体的跨原生素支持
  • WooCommerce刷新购物车碎片缓存
  • 优化Google字体文件
  • 禁用WordPress表情符号

所有这些功能都没有用户界面 - 它们只是工作。请放心,如果需要的话,可以随时使用过滤器或辅助插件禁用它们。

这些自动化功能是首次激活WP火箭时打开的选项,例如Minify CSS和JS,Cache Lifesspan,Preload Cache,Preload Links和Heartbeat Control。

难怪您一旦启用我们的插件,您的网站就会有所提高!

如果您对这些自动化的现实影响感到好奇,请记住,结果可能会根据您的特定网站而有所不同。尽管WP Rocket 3.19带来了新的增强功能,但您将看到的性能提高加上我们现有功能已经实现的速度增长。

总结

WP Rocket 3.19加强了我们对遵循“决策,不是选项”方法的承诺,并作为自动化过程进行复杂的优化。我们努力为您做出正确的选择,因此您不必花时间和精力来了解最适合您的网站。

我们逐渐消除了高性能的障碍,确保更多的用户可以从高级优化中受益 - 尚未到来!

准备查看这些新的自动化功能如何帮助您的网站?更新到WP Rocket 3.19,或者通过我们的14天退款保证进行尝试。亲身体验我们如何更简单地进行优化,并在评论中告诉我们您的想法!