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

Стратегии загрузки скриптов теперь включены в основные и связанные темы WordPress, что повышает производительность загрузки скриптов с атрибутами defer и async.

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

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

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

Для посетителей веб-сайта страницы с контентом WordPress будут загружаться быстрее после обновления, в частности, улучшается показатель первой контентной отрисовки (FCP) CWV, который влияет на скорость первого появления страницы.

За кулисами: как WordPress достиг этого

Файлы JavaScript для таких блоков, как меню навигации и встроенные медиафайлы с WordPress.com, теперь имеют добавление «отложить» при постановке в очередь. Сценарий wp-embed для отображения встроенных сообщений теперь использует команду «defer».

Ранее возможность добавления этих атрибутов не была стандартизирована. С появлением специального API в WordPress 6.3 и полной реализации в версии 6.4 у разработчиков теперь есть стандартизированный способ управления загрузкой их скриптов.

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

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

ЧИТАТЬ  Лучшие предложения на звуковые панели Prime Day все еще доступны: Bose, Sony, Samsung | Цифровые тенденции

Реальные последствия для посетителей сайта

Для посетителей сайта страницы с контентом WordPress будут загружаться быстрее после обновления. После первого появления страницы будет меньше «рывков» или смещения элементов страницы.

Эти изменения закладывают основу для еще лучшей оптимизации в будущем.

Рекомендованное изображение: Wirestock Creators/Shutterstock



Source link