WordPress объявил, что версия 6.3, выпуск которой запланирован на август 2023 года, поможет веб-сайтам достичь более высоких показателей SEO Core Web Vitals, особенно в отношении Largest Contentful Paint (LCP).

Хотя скорость страницы является небольшим фактором ранжирования в Google, скорость страницы важна, поскольку она может привести к увеличению продаж и улучшению просмотров рекламы и количества кликов.

Сосредоточение внимания на пользовательском опыте может помочь определить, как долго пользователь взаимодействует с веб-сайтом, будут ли они рекомендовать сайт и будут ли они возвращаться снова и снова.

Хороший пользовательский опыт — это краеугольный камень роста популярности, и, на мой взгляд, поиск Google показывает пользователям, что они ожидают от любого заданного запроса.

Самая большая содержательная краска

Самая большая отрисовка содержимого (LCP) — это метрика, которая измеряет, сколько времени требуется для отрисовки самого большого изображения или текстового блока. Основная предпосылка этой метрики — показать восприятие пользователем того, сколько времени требуется для загрузки веб-страницы.

Измеряется то, что посетитель сайта видит в своем браузере, что называется областью просмотра.

Оптимизация, достигнутая WordPress в версии 6.3, позволила достичь многолетних усилий по точному использованию HTML-атрибутов в определенных элементах для достижения наилучшей производительности Core Web Vitals.

Получить приоритетный HTML-атрибут

Приоритет выборки, написанный в HTML как fetchpriority, представляет собой HTML-атрибут элементов веб-страницы (ресурсов), таких как изображения, CSS и JavaScript.

Цель fetchpriority — сообщить браузеру, какие ресурсы веб-страницы необходимо загрузить быстрее всего, чтобы отобразить контент, который посетитель сайта видит в своем браузере, что находится в его области просмотра.

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

Fetch Priority позволяет издателю контролировать, какие ресурсы имеют высокий приоритет, а какие — низкий.

WordPress 6.3 содержит новую функцию, которая добавляет атрибут fetchpriority к изображению, которое, скорее всего, появится в области просмотра посетителя сайта.

В объявлении WordPress отмечалось:

«WordPress теперь автоматически добавляет атрибут fetchpriority со значением «high» к изображению, которое, по его мнению, скорее всего является «LCP-изображением», то есть изображением, которое является самым большим элементом содержимого в области просмотра.

Атрибут сообщает браузеру о приоритете этого изображения еще до того, как он вычислит макет, что обычно улучшает LCP на 5-10%».

Одна из замечательных вещей, которые WordPress делает с fetchpriority, заключается в том, что он применяется только к изображениям минимального порогового размера.

Это означает, что атрибут fetchpriority не будет применяться к небольшим ресурсам, таким как кнопка навигации.

Еще одна особенность автоматического приоритета выборки в WordPress заключается в том, что он никогда не переопределяет существующий атрибут fetchpriority.

Усовершенствована реализация ленивой загрузки

Говорят, что первое, что посетитель сайта видит в своем браузере при посещении веб-сайта, находится в области просмотра.

Элементы веб-страницы, необходимые для отображения первой области просмотра при посещении сайта посетителем, в идеале должны иметь приоритет.

Элементы, расположенные ниже первого окна просмотра, не нужно загружать сразу.

Ленивая загрузка — это способ сообщить браузеру, какие изображения и фреймы не являются критическими для загрузки первого экрана области просмотра.

Использование атрибута ленивой загрузки позволяет загружать в первую очередь необходимые элементы веб-страницы.

WordPress изначально реализовал атрибут ленивой загрузки для всех изображений на веб-странице, независимо от того, было ли это критическим или нет.

Хотя применение ленивой загрузки к изображениям, которые важны для рендеринга над содержимым сгиба, не было идеальным, тесты показали, что это все же лучше, чем не применять атрибут ленивой загрузки.

WordPress 6.3 решает эту проблему, позволяя определять, какие изображения являются критическими.

Атрибут ленивой загрузки не будет применяться к критически важным изображениям, что позволяет загружать эти изображения как можно быстрее.

WordPress отметил:

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

Наконец, новый процесс определения начального окна просмотра и применения атрибутов fetchpriority и load можно использовать для дальнейшей оптимизации в будущих версиях WordPress.

WordPress заметил:

«… в будущем это может быть дополнено другими атрибутами, связанными с производительностью».

Изменения могут повлиять на сторонние плагины

Объявление WordPress предупреждает разработчиков плагинов, которые зависят от основной логики ленивой загрузки, о том, что это изменилось.

Теперь есть новая единственная функция, которая управляет как атрибутами fetchpriority, так и атрибутами загрузки.

Разработчикам, которые полагались на старую логику, возможно, потребуется обновить свои плагины. Это важно знать издателям, чтобы они знали, что после обновления до WordPress 6.3 следует отдавать приоритет обновлению своих плагинов.

WP 6.3 не будет отменять соответствующую пользовательскую оптимизацию

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

В объявлении отмечается:

«Поскольку новая функция постоянно используется везде, где изображения отображаются в ядре WordPress, поддержка настройки также улучшена.

Функция никогда не переопределяет уже предоставленные атрибуты, поэтому, если вы установите атрибут fetchpriority или загрузку для изображения до вызова этой функции, атрибут будет сохранен как есть.

Это позволяет выполнять точную настройку, не применяя автоматическое поведение по умолчанию. Если вы делаете это, имейте в виду, никогда не устанавливайте одновременно fetchpriority=»high» и load=»lazy» для элемента.

Если функция обнаружит эти две комбинации атрибут-значение вместе, она вызовет предупреждение».

Улучшение Core Web Vitals SEO для WordPress

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

Когда дело доходит до оптимизации изображений для SEO, WordPress 6.3, наконец, обеспечивает полностью оптимальный опыт SEO, который поможет веб-сайтам достичь более высоких показателей LCP.

Прочитайте официальное объявление WordPress:

Улучшения производительности изображений в WordPress 6.3

Избранное изображение Shutterstock/Ljupco Smokovski