WordPress 6.3“Lionel”：170 多项性能更新、新的站点编辑器功能等等

WordPress 6.3“Lionel”现已发布！

6.3 以美国著名爵士乐艺术家莱昂内尔·汉普顿 (Lionel Hampton) 的名字命名，是今年的第二个主要版本，可以肯定地说，它比 6.2 更加壮观。

我们知道，在“Dolphy”中实施了 900 多项增强和修复之后，很难相信这一点，但这是事实。

6.3 配备了更新的功能和导航、增强的设计工具以实现更多控制，最后但并非最不重要的 - 170 多项性能更新。

让我们来看看最大的亮点。

巨大的性能改进

WordPress 6.2 是第一个版本，性能团队在多个页面速度指标方面分享了一些令人印象深刻的改进。

核心性能团队在这些成就的基础上，发布了WordPress 6.3 的 170 多个性能更新。

事实上，他们的自动化工作流程数字大致表明“Lionel”与“Dolphy”相比有以下性能改进：

• LCP 对于块主题快 10.6%，对于经典主题快 8.8%。
• TTFB 对于块主题快 4.7%，对于经典主题快 5.6%。
• LCP-TTFB 对于块主题快 13.4%，对于经典主题快 9.3%。

但他们是如何实现的呢？

嗯，他们专注于提高客户端和服务器端的性能。

核心性能团队使用首字节时间 (TTFB) 来衡量服务器端的改进。

为了衡量客户端性能，他们使用了最大内容绘制 (LCP) 和 TTFB 之间的差异。

那是说……

虽然 WordPress 6.2 中的大部分性能提升来自服务器端性能 (TTFB) 的改进，但在 6.3 中，性能提升源自客户端性能改进 (LCP-TTFB)。

事实上，与 WordPress 6.2 相比，WordPress 6.3 中的客户端性能对于块主题快了 40%，对于经典主题快了 31% 。

他们成功的秘诀在于引入了几项更新：

1. 最大的影响来自于利用现代 JavaScript API（例如 Web Workers、OffscreenCanvas 和 sessionStorage）来优化emoji-loader.js脚本。
   
2. WordPress 6.3 增加了对图像上的fetchpriority="high"属性的支持。 此改进预计将对首屏包含图像的网站产生最大影响，但鉴于图像是迄今为止网页上最常用的媒体，您可能也会注意到此增强功能带来的性能改进。
   
3. 最后但并非最不重要的一点是，“Lionel”引入了脚本加载策略，增加了对使用defer或async加载脚本的支持。 然而，您可能看不到 WordPress 核心的任何改进，并且生态系统尚未采用 API。

虽然服务器端性能改进并没有带来那么大的提升，但性能团队设法将块主题的服务器响应时间加快了 19% 。

如果您有兴趣深入研究所有性能更新，请查看官方文档。

只需单击一个按钮，即可从未能通过 Core Web Vitals 转变为通过 Core Web Vitals。 立即安装 NitroPack →

增强的站点编辑器

在 WordPress 6.3 中，站点编辑器得到了丰富，增加了一些编辑器不同区域的新入口点，成为完成任务的集中中心。

下面是 6.2 和 6.3 之间的比较：

如您所见，新的导航包括：

• 导航
• 风格
• 页数
• 模板
• 图案

导航

导航允许您向上或向下移动菜单项或从下拉列表中删除它们。 您还可以拖放项目来排列菜单顺序。

风格

从“样式”菜单中，您可以在浏览模式下查看不同的样式选项。 这使您可以预览并从可用样式中进行选择，然后根据您的喜好进行定制。

此外，单击眼睛图标可打开样式书。 此功能在版本 6.2 中引入，允许您查看应用了各种样式的可用块的预览，而无需退出编辑器界面。

页数

“页面”菜单提供对最近更新的十个网站页面的访问，以及多种编辑功能。 您可以生成新页面、修改当前页面的内容和结构、查看页面详细信息等等。

新功能是，您现在无需离开编辑器界面即可创建新页面。

模板

虽然模板屏幕基本保持不变，但 WordPress 6.3 引入了一项新功能。 创建新模板时，会弹出一个新的模式叠加层，显示模板的页面列表。

图案

模式部分是引入最多更改的部分：

• 可重用块已重命名为同步模式
• 常规块模式现在被命名为不同步模式
• wp_block自定义帖子类型已扩展为支持自定义字段，并且添加了新的wp_block_sync_status元字段来存储模式的同步状态
• 源属性已添加到块模式架构和响应中，以区分核心模式和用户模式
• REST API 已使用新属性进行了扩展

不同步的模式独立运行，可以随时添加。 插入后所做的任何更改都不会影响原始模式。

另一方面，同步模式适用于整个 WordPress 网站。 对它们的任何修改都会与原始模式产生共鸣。 它们的功能与可重用块类似，所有这些块现在都标记为“同步模式”。

每当您想要创建新模式时，只需点击“模式”菜单中的“+”图标即可。

您还可以通过单击侧边栏中的“管理我的所有模式”来管理您的自定义模式。

命令面板

命令面板是一项新功能，旨在简化您的常用操作，例如通过特定命令导航到编辑器中的不同页面或模板。

在站点编辑器中，单击镜头符号或按 cmd + k（对于 Windows 和 Linux 用户为 ctrl + k）以激活命令面板。

当您输入命令时，命令面板会建议多种命令供您选择。 通过这种方式，您可以执行常见任务并更快地访问站点编辑器的不同部分。

新样式修订功能

WordPress 可以通过名为“修订”的工具非常轻松地恢复对帖子和页面的编辑。

此功能现在也扩展到站点编辑器样式。 这使您可以查看并在必要时撤消对主题样式所做的修改。

要使用此功能，请在“样式”面板中选择要修改的样式或块。 单击“修订”选项，然后选择“修订历史记录”。

开发人员改进

与任何其他主要版本一样，WordPress 6.3 为开发人员带来了许多变化和改进。

这儿是一些精彩片段：

放弃对 PHP 5 的支持

从 WordPress 6.3 开始，将不再支持 PHP 5。 新的最低支持版本将为 PHP 7.0.0。 推荐的 PHP 版本是 7.4 或更高版本。这不仅对开发人员很重要，而且对所有 WordPress 用户都很重要，因为使用旧版本可能会使您的网站容易受到安全漏洞的影响。

发展模式

WordPress 6.3 引入了一个称为“开发模式”的新概念，它会影响 WordPress 行为的某些方面。 从现在开始，网站可以通过新引入的WP_DEVELOPMENT_MODE常量设置其开发模式。 建议将其用于所有面向开发的站点。

以下是 WP_DEVELOPMENT_MODE 的一些可能值：

• “core”表示该网站用作WordPress核心开发环境。 例如，当您直接为 WordPress 核心做出贡献时，这可能是相关的。
• “plugin”表示本网站用作WordPress插件开发环境。 例如，当您正在为插件存储库开发插件时，这可能是相关的。
• “主题”表示本站作为WordPress主题开发环境。 例如，当您正在为主题存储库开发主题时，这可能是相关的。
• “all”表示该站点用作 WordPress 开发环境，所有三个方面都可以修改。 例如，当您在整个特定站点（例如为客户）工作时，这可能是相关的。
• 空字符串表示该站点没有启用特定的开发模式。 这是默认值，应该在任何不用于开发的站点上使用。

“Lionel”引入的其他值得注意的开发人员变化包括：

• 主题开发人员现在可以在注册模板模式时使用 template_types 属性来分配一种或多种模板类型。
• get_pages() 函数已更新，现在在内部使用 WP_Query。
• 通过实现查询缓存改进了 WP_User_Query 类。
• 缓存 API 中实现了多项改进。
• 新的块选择器 API 允许为块配置多个 CSS 选择器以在全局样式中使用。
• 社交图标应用的颜色现在根据 theme.json 和全局样式动态更新
  

包起来

这绝不是最新 WordPress 更新中引入的所有改进的详尽列表。

公告博客文章中还包含大量其他新功能，例如：

• 预览块主题
• 从样式界面自定义标题，无需编码
• 使用脚注块进行注释
• 使用详细信息块显示或隐藏内容
• 设置图像的纵横比
• 不受干扰地构建您的网站
• 重新发现顶部工具栏
• 使用模式构建模板

所有这些都是下载 WordPress 6.3 的完美理由。

不要忘记提前备份您的网站，并且一如既往 - 如果您想通过 Core Web Vitals 并提高网站的性能，请安装 NitroPack。

自动加速您的 WordPress 网站。 立即获取 NitroPack →

图片来源：金斯塔