<div style="text-align:center"></div><div>
<p>With the latest WordPress release out in the world, this post seeks to recap the performance improvements available for all sites. <a rel="noreferrer noopener" href="https://docs.google.com/spreadsheets/d/1LroIJoYz-O9CpfJzaiKYYMWJ7GbE5RZoW1rf1R4FqyA/edit#gid=576773622" target="_blank">According to this analysis</a> done by <a href="https://profiles.wordpress.org/flixos90/" class="mention"><span class="mentions-prefix">@</span>flixos90</a> that you’re encouraged to dig into, <strong>WordPress 6.2 loads 14-18% faster for block themes and 2-5% faster for classic themes. Server-side performance is seeing a major boost of 17-23% for block themes and 3-5% for classic themes.</strong> These changes demonstrate WordPress’s continued commitment to ensuring that websites built on the platform are optimized for performance.</p>
<p>This builds on efforts done in the past that you can read about in the following posts: <a href="https://make.wordpress.org/core/2021/03/04/core-editor-improvement-need-for-page-post-speed/">Need for Page/Post Speed</a> and <a href="https://make.wordpress.org/core/2021/03/23/core-editor-improvement-performance-matters/">Performance Matters</a>.</p>
<p><em>Thank you to <a href="https://profiles.wordpress.org/oandregal/" class="mention"><span class="mentions-prefix">@</span>oandregal</a> and <a href="https://profiles.wordpress.org/flixos90/" class="mention"><span class="mentions-prefix">@</span>flixos90</a> for collaborating on this post!</em></p>
<h3 class="wp-block-heading"><strong>What’s changed</strong></h3>
<p><strong>theme.json APIs</strong></p>
<p>Leading up to WordPress 6.2, theme.json related code received more performance related attention partially thanks to an understanding that this newer configuration file has an important role to play in the future of themes. This work aimed to improve Time To First Byte (TTFB), a metric related to server-side performance. It focused on three aspects:</p>
<ul>
<li>Introducing new APIs: <a href="https://github.com/WordPress/wordpress-develop/pull/3556">wp_theme_has_theme_json</a>, <a href="https://github.com/WordPress/wordpress-develop/pull/3902">get_classic_theme_supports_for_block_settings</a>.</li>
<li>Caching expensive API operations: <a href="https://github.com/WordPress/wordpress-develop/pull/3789">wp_get_global_settings</a>, <a href="https://github.com/WordPress/wordpress-develop/pull/3712">wp_get_global_stylesheet</a>, <a href="https://github.com/WordPress/wordpress-develop/pull/3926">wp_get_global_styles_svg_filters</a></li>
<li>Making API usage more efficient by only demanding the data it needs: <a href="https://github.com/WordPress/wordpress-develop/pull/3609">do not compute supports for template and template parts</a>.</li>
</ul>
<p>According to <a rel="noreferrer noopener" href="https://docs.google.com/spreadsheets/d/1jEUFtmkM_OyCAu2dBtylUKg1pcbkuLJNFxKDFyS80p8/edit#gid=47669135" target="_blank">this analysis</a>, caching <code>wp_get_global_settings</code> had the most impact in the release, improving classic themes by 9% and block themes by 24%. For context, while <code>wp_get_global_settings</code> was introduced in WordPress 5.9, it’s usage expanded to cover many more use cases, including querying data for rendering front-end blocks. As a result, it benefitted immensely from caching the response.</p>
<p><strong>Lazy-loading images for block themes</strong></p>
<p>While Time To First Byte (TTFB) was a big focus of the 6.2 release, there was also a major change to Largest Contentful Paint, the main user-perceived performance metric: the first image or iframe of the post <a href="https://core.trac.wordpress.org/ticket/56930">will no longer be lazy loaded for block themes</a>.</p>
<p>As a reminder, <a href="https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/">lazy-loading images landed in WordPress 5.5</a>. After an <a href="https://web.dev/lcp-lazy-loading/">analysis</a> reported that lazy loading images above the fold negatively impacted user-perceived performance, <a href="https://make.wordpress.org/core/2021/12/29/enhanced-lazy-loading-performance-in-5-9/">a fix landed in WordPress 5.9</a> with <a href="https://core.trac.wordpress.org/ticket/56930">WordPress 6.2</a> following up to ensure block themes won’t lazy load the first image or iframe.</p>
<p><strong>Front-end metrics</strong></p>
<p>Outside of the work done to directly improve performance, there was also a focus on making front-end metrics readily available to all. The aim being to ensure developers have the necessary information to make new features performant and catch regressions earlier, all aiding in creating performant future major releases. All Pull Requests in the <a href="https://github.com/wordPress/gutenberg">Gutenberg</a> and <a href="https://github.com/wordPress/wordpress-develop">wordpress-develop</a> repositories now include front-end performance information. This information is also reported in the following places for a more comprehensive look:</p>
<ul>
<li>The <a href="https://www.codevitals.run/project/gutenberg">Gutenberg dashboard</a> now collects a number of front-end metrics:
<ul>
<li>Largest Contentful Paint (LCP): tracks the overall user-perceived performance.</li>
<li>Time To First Byte (TTFB): tracks server-side performance.</li>
<li>LCP-TTFB: tracks client-side performance.</li>
</ul>
</li>
</ul>
<ul>
<li>There is a new <a href="https://www.codevitals.run/project/wordpress">WordPress core dashboard</a> that reports the following server-side metrics:
<ul>
<li>Total: tracks server-side performance. Equivalent to TTFB in the Gutenberg dashboard.</li>
<li>Before template: tracks the time it takes to dispatch the <code>template_redirect</code> hook.</li>
<li>Template: the difference between total time and the time it took to dispatch the tempate_redirect hook.</li>
</ul>
</li>
</ul>
<h3 class="wp-block-heading"><strong>Get involved</strong></h3>
<p>If you’re interested in working on improving performance across the project, make sure to join <a href="https://wordpress.slack.com/archives/C02QB2JS7">#core-editor</a>, <a href="https://wordpress.slack.com/archives/C02KGN5K076">#core-performance</a>, and attend meetings for both. </p>
<p><em>These “Core Editor Improvement…” posts (labeled with the </em><a href="https://make.wordpress.org/core/tag/core-editor-improvement/"><em>#core-editor-improvement</em></a><em> tag) are a series dedicated to highlighting various new features, improvements, and more from Core Editor related projects. </em></p>
<p class="o2-appended-tags"><a href="https://make.wordpress.org/core/tag/block-themes/" class="tag"><span class="tag-prefix">#</span>block-themes</a>, <a href="https://make.wordpress.org/core/tag/core-editor-improvement/" class="tag"><span class="tag-prefix">#</span>core-editor-improvement</a>, <a href="https://make.wordpress.org/core/tag/performance/" class="tag"><span class="tag-prefix">#</span>performance</a>, <a href="https://make.wordpress.org/core/tag/themes/" class="tag"><span class="tag-prefix">#</span>themes</a></p>
</div>

The WordPress Foundation and WooCommerce have joined Automattic and Matt Mullenweg in countersuing WP Engine,…
The first-ever CloudFest USA Hackathon, taking place November 4 in Miami, will bring together contributors…
Canada’s largest gathering of WordPress enthusiasts drew a strong turnout at Carleton University last weekend,…
WooCommerce 10.3 was released this week, introducing one of the most requested features for store…
Automattic has hired GiveWP co-founder Devin Walker as Artistic Director for Jetpack, where he will…
WordPress 6.9 Beta 1 was released on Tuesday for testing ahead of its planned December…