Обновление WordPress Gutenberg позволило улучшить Core Web Vitals

3 марта вышла новая версия блочного редактора WordPress Gutenberg – 10.1. Обновление позволило значительно улучшить производительность страниц и показатели Core Web Vitals.

В этой версии редактора разработчики улучшили метод загрузки стилей блоков. Блоки в Gutenberg имеют код стиля, специфичный для каждого блока. Этот код определяет, как выглядит каждый блок.

До обновления сайты, создаваемые с помощью Gutenberg, загружали код стиля для каждого блока, который мог использоваться, – на каждой странице сайта. В результате на всех страницах загружался огромный файл с кодом для каждого блока, независимо от того, использовался он или нет.

Последнее обновление Gutenberg решило эту проблему. Согласно WordPress, код стиля для каждого блока имеет относительно небольшой размер. Теперь WP будет загружать этот код только для тех блоков, что используются на странице.

Тесты, проведённые разработчиками, показали, что это небольшое изменение позволило значительно улучшить показатели Core Web Vitals по страницам.

До обновления:

После обновления:

При этом на примере выше используется простая страница с небольшим количеством блоков. У страниц с более сложной структурой эти улучшения будут ещё более выраженными.

Напомним, что согласно кейсу WP Rocket, использование блочного редактора Gutenberg помогает заметно улучшить производительность WordPress-сайта.