WordPress 5.9 исправляет снижение производительности отложенной загрузки, что в некоторых случаях приводит к ускорению загрузки страниц на 30%

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

По умолчанию WordPress отложенная загрузка всех изображений приводила к снижению производительности по метрике Largest Contentful Paint (LCP) , которую Google определяет как «время рендеринга самого большого изображения или текстового блока, видимого в области просмотра, относительно времени первого запуска страницы. загрузка . ”

Спонсируемые Google участники WordPress написали исправление, позволяющее избежать отложенной загрузки изображений в верхней части страницы, и тщательно протестировали его в рамках своих усилий по оценке влияния различных прошлых инициатив по повышению производительности. Задержка LCP будет исправлена ​​в WordPress 5.9.

«Это можно улучшить, пропустив добавление loading=’lazy’ для первого изображения содержимого или iframe, которые в подавляющем большинстве случаев будут отображаться в исходном окне просмотра», – сказал Феликс Арнц в примечании для разработчиков . «WordPress может делать только обоснованные предположения по этому поводу и не быть на 100% уверенным, но анализ с учетом 50 популярных тем показал, что это улучшение повсеместно улучшило LCP, увеличив скорость загрузки страницы до 30%».

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

«Думали ли вы о том, как мы могли бы иметь более точную эвристику, которая могла бы учитывать семантику и структуру блоков, чтобы понять, что на самом деле можно отложить?» Матиас Вентура прокомментировал обработку заявки. «Например, блок изображения или логотип сайта, используемые в части шаблона заголовка, будут убедительно указывать на то, что он находится в верхней части страницы. Вместо этого «первое изображение контента» кажется элементарной мерой, которая сильно варьируется в зависимости от предыдущего макета. С блочными темами мы должны заранее знать макет, который мы можем использовать для создания более значимых инструкций ».

Феликс Арнц сказал, что он уже обнаружил часть шаблона заголовка на своем радаре и готов доработать реализацию по мере расширения мира блочных тем.

«Усовершенствование реализации отложенной загрузки должно заметно улучшить производительность LCP для большинства сайтов, которые полагаются на нее, не оказывая при этом отрицательного воздействия на сайты, к которым эвристика по умолчанию, описанная выше, не применяется», – сказал Арнц. «Это только хорошая отправная точка. В будущем, в частности, с более подробной спецификацией семантического контента, которую будут поддерживать блочные темы, мы сможем более точно настроить реализацию отложенной загрузки, используя доступную информацию о блоках ».