基于性能基准测试,与 WordPress 6.2 相比,WordPress 6.3 在最大内容绘制(LCP)指标的基础上,区块主题加载速度提高了 27%,经典主题加载速度提高了 18%,而 WordPress 6.2,这些改进分别为 18% 和 5%,因此可以公平说 WordPress 6.3 在性能方面是一个重大成就。
6.3 那么快?
要分析 6.3 中的性能改进,关键在于理解不同的加载时间性能指标以及它们之间的关系,首先最全面的指标是最大内容绘制(LCP),因为它能捕捉到整体加载时间性能,本文开头提到的百分比就是测量到的 LCP 改进的具体数值。
LCP 的一个重要的指标是首字节时间(TTFB),它能捕捉服务器端加载时间,而对于客户端,则没有专门的独立指标,不过由于客户端性能实际上涵盖了其他所有方面,所以客户端加载时间性能可以用 LCP 和 TTFB 之间的差值来表示,即 “LCP-TTFB”。
客户端性能
在 WordPress 6.2 中,性能提升的大部分来自于服务器端性能(TTFB)的改进,而 WordPress 6.3 则不同,大部分性能提升源于客户端性能的改进(LCP-TTFB),与 WordPress 6.2 相比,WordPress 6.3 的区块主题客户端性能提升了 40%,经典主题客户端性能提升了 31%,而 WordPress 6.2 发布时,LCP-TTFB 分别仅提升了 1.5% 和 2.5%。
客户端性能改进的绝大部分来自于优化 emoji-loader.js
脚本,主要是利用了现代 JavaScript API 如 Web Workers、OffscreenCanvas
和 sessionStorage
的功能对性能的提升。客户端性能另一个显著改进来自于为图片添加对 fetchpriority="high"
属性的支持。
最后值得注意的是引入了脚本加载策略的开发者功能,对脚本加载的提供了 defer
或 async
的支持,虽然目前只有 API 本身被引入,虽然它还没有实际的性能影响,但是随着 WordPress 核心和生态系统开始采用 API(例如,将 defer 用于区块视图脚本,将 async 用于评论回复),预计未来我们也会看到它带来的显著性能改进。
服务端性能
虽然在 6.3 版本中,服务器端性能改进在整体上并没有占太大比例,但是还是有一些值得注意的地方,特别是对于区块主题,服务器响应时间快了 19%,其他许多服务器端性能提升是优化 WordPress 核心内部底层代码的结果。
对于区块主题来说,优化了 WordPress 核心区块样式的注册方式。这一点很重要,因为核心区块样式的处理方式与自定义区块略有不同。而在 6.3 之前,所有区块注册都使用相同的通用逻辑,其中包括相当多的灵活性,因此也有性能成本,而这对核心区块来说是不必要的,这一更改通过引入了一个专用函数以更高效的方式注册核心区块样式。
区块主题性能的另一个改进是 get_block_templates()
函数的改进,优化了逻辑,不再处理所有区块模板,而只处理与当前查询匹配的模板。
另外优化了 wp_common_block_scripts_and_styles()
函数,特别是调用 add_theme_support( 'wp-block-styles' )
的经典主题带来了巨大的服务器端性能提升。
对于区块主题和经典主题,对性能影响最大的变化是优化了 wp_maybe_inline_styles()
函数,避免了调用不必要的相对昂贵的函数来获取样式表文件的大小和内容。
数据库优化
在 WordPress 6.3 中,优化了 Meta 数据的延迟加载,这在某些情况下避免数据库查询。
此外,get_pages()
函数现在内部改用 WP_Query,这不仅意味着消除了重复代码,更重要的是,它使得函数的性能得到了提升,因为可以使用 WP_Query 的缓存行为,而之前是没有的。
最后 WP_User_Query 类也支持缓存查询结果,成为支持缓存的最后一个 WordPress 核心查询类,这使得查询用户信息时避免数据库查询。