WP Rocket 3.19: легкие улучшения для улучшения LCP и стабильности макета

Помните, как команды Формулы 1 выигрывают гонки? Это не только одно большое изменение, а скорее много небольших улучшений, которые составляют в долгосрочной перспективе. Наш новый крупный релиз снова отражает это видение инкрементных и умных оптимизаций: встретить WP Rocket 3.19!

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

Результаты? WP Rocket 3.19 приносит лучший пользовательский опыт для ваших посетителей благодаря повышению стабильности макета и предотвращению сдвигов контента, наряду с повышенной воспринимаемой скоростью и улучшенной наибольшей удовлетворительной классой краски.

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

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

Что влечет за собой WP Rocket 3.19

WP Rocket 3.19 представляет два улучшения, которые работают за кулисами, чтобы повысить производительность вашего сайта.

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

Второй фокусируется на автоматизации функции запросов DNS Prefetch DNS, которая была переименована в предварительное соединение на внешние домены и удален из интерфейса плагина - вы узнаете причину этого выбора в выделенном разделе.

Шрифты предварительной нагрузки в одном клике

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

Объяснение предварительной загрузки шрифта

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

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

1. Браузер начинает отображать ваш текст, используя шрифт по умолчанию.

2. Затем он обнаруживает в вашем CSS, что ему нужно загрузить собственный шрифт - тот, который вы выбрали.

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

Этот процесс может вызвать то, что известно как вспышка неосторожного текста (Fout). Fout - это короткий момент, когда ваш текст внезапно меняет внешний вид, когда настраивается на заказ шрифт.

Вы можете догадаться, что будет дальше: макет вашей страницы имеет тенденцию к сдвигу. Такой сдвиг не только визуально неприятен, но также может негативно повлиять на сортировку совокупного сдвига макета (CLS), одну из основных вещей Google.

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

Почему вы должны предварительно загружать шрифты?

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

Кроме того, предварительная загрузка FONT также может улучшить вашу самую большую картину (LCP), еще одну основную веб -страницу, которая измеряет, насколько быстро становится наибольший элемент контента на вашей странице. Погружаясь в специфику, предварительная загрузка FONT может оптимизировать производительность LCP, когда элемент LCP является текстовым узлом, что имеет место в среднем 20% веб -сайтов между мобильными и рабочими столами.

3.19: встретить новую функцию шрифтов предварительной нагрузки

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

И вот мы: WP Rocket 3.19 делает шрифты предварительной нагрузки автоматическим процессом, который вы можете включить за один щелчок.

Вам больше не нужно вручную идентифицировать правильные URL -адреса файлов шрифтов и предварительно загружать их, чтобы функция эффективно работала. После включения опции WP Rocket автоматически обнаруживает, на каждой странице, которая используется выше, и должна быть расстановлена ​​с приоритетом, как на мобильном, так и на рабочем столе. Затем он предварительно загружает только эти соответствующие шрифты, что приводит к более точной и эффективной оптимизации.

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

Обратите внимание, что теперь вы найдете новую функцию шрифтов предварительной нагрузки на вкладке Media:

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

Итог : новые шрифты предварительной нагрузки автоматически оптимизируют загрузку шрифтов, обеспечивая более плавный опыт для ваших посетителей с момента, как они приземляются на вашем веб -сайте - и требуется только щелчок.

Предварительно подключение к внешним доменам: совершенно новый автоматический процесс

Что касается предыдущей функции, давайте начнем с краткого объяснения влияния предварительного подключения к внешним доменам на скорости вашего веб -сайта.

Предварительно подключиться к внешним доменам на простом английском языке

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

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

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

Эта оптимизация приносит два преимущества:

1. Улучшенное время загрузки : заранее настроив подключения, ваш сайт может начать загружать внешние ресурсы быстрее - и страницы тоже быстрее загружаются.

2. Усовершенствованная производительность LCP : если ваш самый большой довольственный элемент краски представляет собой шрифт из стороннего домена, Preconnect может помочь ему быстрее загружаться, что потенциально улучшит оценку LCP.

3.19: от предварительных запросов DNS до предварительного подключения к внешним доменам

Мы заметили, что функция запросов DNS Prefetch также была недооценена и часто неправильно применена. Вот почему мы решили автоматизировать эту опцию, удалив ее из ракетного интерфейса WP и переименовавшись в предварительное соединение во внешние домены.

С WP Rocket 3.19 эта мощная оптимизация работает в фоновом режиме и не должна быть включена. Вот почему вы больше не найдете эту функцию в настройках Rocket WP.

Вот что вам нужно знать об этом улучшении:

1. Это полностью автоматизированный процесс : вам больше не нужно определять, какие домены включают при реализации оптимизации. WP Rocket теперь обрабатывает это автоматически.

2. Он применяется только на страницах, где это необходимо, как на мобильных, так и на рабочем столе, что приводит к более эффективному и целевому подходу, который согласуется на всех устройствах.

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

Если вы хотите отключить функцию, вам нужно применить следующий фильтр:

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

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

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

Тонкая производительность: автоматическая оптимизация в действии

Говоря о ракетных функциях WP, которые работают автоматически, предварительное подключение к внешним доменам является последним, и он добавляет к существующим:

• Кэш страниц (включая мобильный кеш)

• Оптимизируйте критические изображения

• Автоматический ленивый рендеринг

• Кэширование браузера

• GZIP сжатие

• Поддержка кросс-аоригинов для веб-шрифтов

• Woocommerce Fragment Cart

• Оптимизировать файлы шрифтов Google

• Отключить смайлики WordPress

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

Эти автоматизированные функции находятся на вершине параметров, которые включаются, когда вы впервые активируете ракету WP, такие как министерство CSS и JS, срок службы кэша, кэш -предварительно нагрузки, ссылки на предварительную нагрузку и управление сердцем.

Неудивительно, что ваш сайт получает повышение скорости, как только вы включите наш плагин!

Если вам интересно с реальным влиянием этих автоматизаций, имейте в виду, что результаты могут варьироваться в зависимости от вашего конкретного веб-сайта. В то время как WP Rocket 3.19 приносит новые улучшения, улучшения производительности, которые вы увидите, составляют к повышению скорости, уже достигнутым нашими существующими функциями.

Завершая

WP Rocket 3.19 укрепляет нашу приверженность следовать подходу «решения, а не опционов» и создавать сложные оптимизации в качестве автоматических процессов. Мы стремимся сделать правильный выбор для вас, поэтому вам не нужно тратить время и усилия, чтобы понять, что лучше для вашего сайта.

Мы постепенно снимаем барьеры для высокой производительности, обеспечиваем пользу большим количеством пользователей от продвинутой оптимизации - и еще больше впереди!

Готовы увидеть, как эти новые автоматизированные функции могут помочь вашему сайту? Обновите WP Rocket 3.19 или попробуйте с нашей 14-дневной гарантией возврата денег. Ознакомьтесь с тем, как мы упрощаем оптимизацию, и сообщим нам о ваших мыслях в комментариях!