Perfmatters, руководство по конфигурации

 
 
Perfmatters, руководство по конфигурации

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

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

Essential

Это один из тех инструментов, при использовании которого Вы даже не задумываетесь об отдаленной возможности не платить, когда наступает день ежегодного продления. Что, кстати, очень экономично для использования на одном сайте. Она стоит всего 24,95 долларов и имеет 15% скидку на последующие продления. Таким образом, начиная со второго года, он составляет $21,21.

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

О конфигурации

Perfmatters, руководство по конфигурации
Perfmatters, руководство по конфигурации

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

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

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

Вкладка Общие

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

Perfmatters, руководство по конфигурации

Отключить эмодзи

В версии WordPress 4.2 от 2015 года в ядро была добавлена поддержка эмодзи для старых браузеров.

Хотя они не слишком тяжелые (18 КБ плюс другие JS), Вы можете отключить их, потому что они загружают JavaScript wp-emoji-release.min.js на каждой странице Вашего блога, а меньше запросов — это всегда меньше запросов.

Perfmatters, руководство по конфигурации

Perfmatters, руководство по конфигурации

Отключить дашиконы

Dashicons — это официальный шрифт иконок в админке WordPress, начиная с версии 3.8. Некоторые шаблоны используют его на фронт-энде, загружая CSS dashicons.min.css. Однако многие современные темы и плагины уже используют собственные иконки, SVGs или вообще не используют иконки. Поэтому, если Вы не используете дашиконы, Вы можете отключить их, поскольку таблица стилей добавляет ненужное время загрузки, а также блокирует рендеринг.

Perfmatters, руководство по конфигурации

Отключение их из Perfmatters не влияет на панель администратора WordPress, которая их использует. Если Вы не вошли в систему, будут удалены только дашиконы на передней панели.

Perfmatters, руководство по конфигурации

Отключение вкраплений

Когда Вы добавляете любую ссылку из своего блога в редакторе, WordPress распознает ее и отображает как таковую (если Вы не изменили стилистику).

Perfmatters, руководство по конфигурации

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

Встраивание или embeds появилось в WordPress версии 4.4. Недостатком является то, что они поставляются с дополнительным кодом, который добавляется путем включения еще одного JavaScript для загрузки: wp-embed.min.js

Perfmatters, руководство по конфигурации

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

Perfmatters, руководство по конфигурации

Отключить XML-RPC

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

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

Как только XML-RPCXML-RPC деактивирован, просто проверьте его статус, посетив yourdomain.com/xmlrpc.php и убедитесь, что он возвращает только сообщение об ошибке 403.

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

Perfmatters, руководство по конфигурации

Perfmatters, руководство по конфигурации

Удалить jQuery Migrate

Он был введен в WordPress 3.6 и больше не включен по умолчанию, начиная с WP 5.5 и выше.

Хотя большинство шаблонов и плагинов не нуждаются в нем, все же есть несколько, которые требуют его для какой-то незначительной функции. В моем случае есть два плагина, которые используют его, Ultimate Membership Pro и Rank Math для панели статистики (которую я не использую), которая отображается только для администраторов. Некоторые плагины управления согласием на использование cookie до недавнего времени все еще использовали его.

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

Скорее всего, у Вас нет плагинов, которым это нужно, поэтому jQuery Migrate добавляет ненужные накладные расходы на JavaScript jquery-migrate.min.js

Perfmatters, руководство по конфигурации

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

Perfmatters, руководство по конфигурации

Скрыть версию WordPress

В этой опции нет никакой тайны, она просто скрывает версию WordPress, установленную у Вас, от посторонних глаз в качестве меры безопасности.

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

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

Perfmatters, руководство по конфигурации

Удалите ссылку wlwmanifest

Это тег, который появляется в каждой установке WordPress и использовался в Windows Live Writer, который перестал обновляться и поддерживаться в январе 2017 года.

Как и выше, это просто ненужный код, поэтому на одну строку меньше.

Perfmatters, руководство по конфигурации

Удалить ссылку RSD

Еще один оставшийся тег, который появляется в каждой установке WordPress.

Если Вы редактируете свой сайт из браузера, то он Вам вообще не нужен. Он также используется некоторыми сторонними приложениями, использующими XML-RPC запросы, которые, как предполагается, Вы уже отключили. Таким образом, это ненужный код, который нужно удалить.

Perfmatters, руководство по конфигурации

Удалите короткую ссылку

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

<link rel='shortlink' href='https://dominio.com?p=123' />
Perfmatters, руководство по конфигурации

Если Вы используете «красивые» короткие пермалинки, такие как domain.com/%postname%, то нет причин сохранять этот неиспользуемый, более ненужный код, который нужно выбросить.

Perfmatters, руководство по конфигурации

Отключение RSS-канала

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

Perfmatters, руководство по конфигурации

Удаление ссылок из RSS-каналов

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

Perfmatters, руководство по конфигурации

Отключить автоповторы

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

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

Отключение REST API

Perfmatters, руководство по конфигурации

WordPress REST API предоставляет конечные точки API для типов данных WordPress, которые позволяют разработчикам взаимодействовать с сайтами удаленно, отправляя и получая объекты JSON

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

Существуют различные плагины, сервисы и приложения, которые используют REST API, по данным Perfmatters вот некоторые из них:

Yoast SEO и виджет приборной панели Ryte, Jetpack, некоторые контактные формы, Wordfence и некоторые специфические виджеты приборной панели WooCommerce.
Он также используется блочным редактором Gutenberg для связи при редактировании страниц и постов. Если Вы полностью отключите его, Вы получите ошибку «Update failed».

Perfmatters предлагает три варианта. Включено (по умолчанию), отключено для неадминистраторов и отключено при выходе из системы.

Perfmatters, руководство по конфигурации

Удалите привязки REST API

По умолчанию ссылка на REST API включена в заголовок типа:

<link rel='https://api.w.org/' href='https://domain.com/wp-json/' />

В каждом запросе также отправляется заголовок, а к конечной точке Really Simple Discovery (RSD) добавляется метка API. От всего этого кода можно отказаться, активировав опцию удаления его ссылок.

Perfmatters, руководство по конфигурации

Отключите Google Maps

Для этого отключите Google Maps API.

Некоторые шаблоны и плагины WordPress имеют встроенный API Google Maps и часто не предлагают способа отключить его. Карты Google могут разрушить производительность Вашего блога, даже если запросы загружаются асинхронно. Обычно запрос делается через официальный API Google Maps.

Только для того, чтобы загрузить карту на Ваш блог, к Google Maps может быть сделано до 20 HTTP-запросов. В зависимости от интеграции Вы можете сделать меньше или даже больше запросов.

Если они Вам не нужны, Вам следует их отключить.

Исключите деактивацию Google Maps по номеру почтового идентификатора

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

Perfmatters, руководство по конфигурации
Чтобы узнать ID сообщения, Вы можете перейти в раздел Posts/All posts из меню администрирования и найти его в ссылке редактирования, которая появится внизу, когда Вы наведете курсор мыши на каждое название.

Perfmatters, руководство по конфигурации

Perfmatters, руководство по конфигурации

Отключение измерителя надежности пароля

Это было введено в последних версиях WordPress и WooCommerce. Это встроенный измеритель надежности пароля, который заставляет пользователей использовать надежные пароли и загружает несколько файлов, таких как: /wp-admin/js/password-strength-meter.min.js и /wp-includes/js/zxcvbn.min.js

Perfmatters, руководство по конфигурации

zxcvbn.min.js может весить более 800 КБ

Perfmatters, руководство по конфигурации

Если Вы используете WooCommerce, файл также иногда находится по этому пути:

/wp-content/plugins/woocommerce/assets/js/frontend/password-strength-meter.min.js

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

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

Perfmatters, руководство по конфигурации

Отключение комментариев

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

Это список действий, которые Perfmatters попытается выполнить, если включена опция Отключить комментарии:

  • Отключите встроенный виджет последних комментариев.
  • Снимите заголовок X-Pingback.
  • Удалите ссылки на ленту комментариев.
  • Отключите запросы на ленту комментариев.
  • Удалите ссылки на комментарии из панели администратора.
  • Удалите поддержку комментариев для всех типов сообщений.
  • Закройте фильтры комментариев.
  • Удалите ссылки на комментарии из меню администрирования.
  • Отключите встроенную страницу обсуждения.
  • Скрыть комментарии из панели управления.
  • Скрыть опцию настроек комментариев со страницы профиля.
  • Возвращайте пустой шаблон комментария, когда его запрашивают.
  • Удалите скрипт ответа на комментарий.

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

Perfmatters, руководство по конфигурации

Или из Настройки/комментарии Вы можете установить, чтобы они закрывались через определенное количество дней.

Perfmatters, руководство по конфигурации

Perfmatters, руководство по конфигурации

Удаление URL-адресов из комментариев

По умолчанию комментарии WordPress включают поле сайта, которое создает nofollow ссылку (хотя спамеры не возражают против этого) на имя автора комментария.

Если Вы не хотите иметь дело со ссылками, которые со временем ломаются, у Вас слишком мало комментариев или Вы просто хотите искоренить спам, Вы можете одним махом удалить все URL, добавленные посетителями в комментариях.

Включение этой функции также удалит поле URL из формы для будущих комментариев.

Perfmatters, руководство по конфигурации

Добавить пустой фавикон

Если у Вас уже есть фавикон на Вашем сайте, Вам следует оставить эту опцию отключенной.

Добавление белого фавикона полезно, если Вы создаете и тестируете много новых установок WordPress. Добавление пустого фавикона избавит Вас от необходимости загружать фавикон для каждого сайта. Кроме того, если Вы его забудете, он может сгенерировать ошибку 404 в инструментах тестирования скорости.

Perfmatters, руководство по конфигурации

Удаление глобальных стилей

Начиная с WordPress 5.9, был добавлен дополнительный встроенный код для улучшения стилей duotone (код CSS и SVG). Большинство пользователей, вероятно, не будут использовать эту функцию, и проблема в том, что она добавляет 311 строк (неминимизированных) кода на каждую страницу Вашего сайта, которые разделяются подобным образом:

196 строк CSS перед тегом body и 115 строк кода SVG, который также добавляется перед тегом /body.

Большая часть кода использует теги!important;, что также не идеально.
Perfmatters считает, что это может быть ошибкой, поэтому они добавляют эту опцию как простой способ удалить весь этот ненужный код на время решения проблемы.

Слуховой ритм, отзывы и автосохранение

Perfmatters, руководство по конфигурации

WordPress Heartbeat API использует /wp-admin/admin-ajax.php для выполнения вызовов AJAX из веб-браузера

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

В первом варианте Вы можете выбрать, когда и где он срабатывает.

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

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

Woocommerce

Perfmatters, руководство по конфигурации

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

Логин URL

Perfmatters, руководство по конфигурации

Еще одной интересной особенностью является возможность изменить URL входа в административную область по умолчанию, который WordPress устанавливает в yourdomain/wp-admin. Он делает то же самое, что и пугины, например WPS Скрыть вход.

Вы найдете три поля:

В первом случае Вы можете изменить url входа в wp-admin на любой, какой захотите, например, «yourdomain.com/potato», избежав таким образом атак типа «грубой силы» и других атак, которые обычно нацелены на url по умолчанию. Просто запишите его и/или постарайтесь не делать из него странный url с большим количеством символов, чтобы не забыть его (хотя Вы всегда можете получить его, обратившись к таблице wp_options / perfmatters_options )

Perfmatters, руководство по конфигурации

Второе поле (Disabled Behavior) устанавливает, на какой url будет отправлен посетитель, пришедший на сайт yourdomain/wp-admin, с тремя вариантами:

  • Сообщение (по умолчанию): Отображает сообщение для посетителя. Вы можете настроить сообщение с любым текстом, который Вы хотите, добавив его в поле Сообщение.
  • Шаблон 404: Пользователь будет отправлен на страницу 404.
  • Домашний URL: Пользователь перенаправляется на домашнюю страницу.

Активы

Вот здесь становится действительно интересно.

Perfmatters, руководство по конфигурации

Менеджер сценариев, глазурь на торте

Perfmatters Script Manager, без сомнения, является их самым мощным и полезным инструментом. Одно это стоит каждого пенни из тех денег, которые Вы заплатите за плагин и его поддержку.

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

Perfmatters, guía de configuración y uso. Script manager

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

Perfmatters, руководство по конфигурации

Режим обязательного использования (MU) продвигает Script Manager намного дальше. Он дает гораздо больше контроля и предоставляет возможность отключить запросы и хуки плагинов WordPress, а также встроенные CSS и JS. Теперь Вы можете контролировать все аспекты плагина, от его внешних скриптов, встроенного кода и запросов MySQL, где бы Вы ни захотели.

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

Perfmatters, руководство по конфигурации

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

JavaScript

Perfmatters, руководство по конфигурации

Отсрочка и задержка JavaScript.

Оба этих способа могут помочь улучшить FCP и LCP

Добавление атрибута defer к каждому некритичному файлу JavaScript ускоряет первую покраску содержимого (FCP) страницы. Это означает, что JavaScript загружается во время разбора HTML и выполняется после завершения загрузки страницы (по окончании разбора). Другими словами, загрузка javascript сдвигается в самый низ страницы, чтобы она была выполнена в конце процесса.

С задержкой результаты LCP и TBT улучшаются. JavaScript задерживается в зависимости от взаимодействия с пользователем, ускоряя первую картину страницы, когда что-то не требуется немедленно, например, тяжелые скрипты от третьих лиц, такие как Google Adsense, Google Analytics, пиксели конверсии Facebook или Google Ads и подобные.

Для обеих опций Вы можете добавить исключения и включить поведение Delay Timeout, которое устанавливает таймаут, автоматически загружающий скрипты через 10 секунд, если не было обнаружено никакого взаимодействия с пользователем. Это необязательно и по умолчанию отключено.

Perfmatters, руководство по конфигурации

Тайм-аут задержки

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

Тот, что в примере, устанавливает его на 7 секунд.

add_filter('perfmatters_delay_js_timeout', function($timeout) {
    return '7';
});

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

CSS

Perfmatters, руководство по конфигурации

Perfmatters говорит, что самый простой способ устранить предупреждение «Reduce unused CSS» — это включить эту функцию, которую я рассматривал, когда она была еще в бета-версии, и которая делает все это автоматически. Разработчики утверждают, что протестировали его на сотнях URL (используя различные шаблоны и настройки), и вот некоторые из результатов, которые, как они утверждают, были получены:

  • Среднее снижение FCP на 15,20%.
  • Среднее снижение LCP на 19,66%.
  • Среднее снижение TTI на 14,95%.

Перед активацией функции «Remove unused CSS» в Perfmatters они рекомендуют удалить все существующие предварительные загрузки CSS, которые были настроены в Perfmatters (за исключением локальных таблиц стилей Google Fonts).
Не объединяйте CSS (то, что часто делают WP Rocket, Litespeed, Autoptimize и другие). Слияние CSS является устаревшей техникой оптимизации с момента появления HTTP/2. В некоторых случаях комбинирование CSS может снизить производительность (в моем случае этого не
произошло), и, наконец, убедитесь, что Вы не пытаетесь удалить неиспользуемый CSS с помощью другого плагина.

Существует три метода удаления:

  • Задержка (по умолчанию): Все исходные таблицы стилей CSS (неиспользуемые CSS) откладываются и загружаются при взаимодействии с пользователем. Это рекомендуемый вариант.
  • Асинхронный: Все исходные таблицы стилей CSS (неиспользуемые CSS) загружаются через асинхронный режим. Этот метод может помочь избежать всплывающих окон, поскольку таблицы стилей выполняются асинхронно во время загрузки страницы. Этот метод приведет к немного более высоким показателям LCP/FCP, чем поведение с задержкой.
  • Remove: Все исходные таблицы стилей CSS (неиспользуемые CSS) удаляются. Это наиболее агрессивный метод, но он также, вероятно, потребует добавления исключений. Рекомендуется только для опытных пользователей.

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

Perfmatters, руководство по конфигурации

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

Код

Perfmatters, руководство по конфигурации

Полезная классика, которую включают многие другие плагины, то, что можно сделать даже вручную, но которая упрощает и облегчает операцию добавления пользовательского кода в header, body или footer Вашего блога

Следующие поля выводят код непосредственно на внешний экран, поэтому он должен быть правильным HTML. Это включает в себя встроенный CSS внутри тегов

Он не поддерживает серверные языки, такие как PHP. Для добавления пользовательского PHP-кода рекомендуется использовать плагин Code Snippets.

Предварительная загрузка

Perfmatters, руководство по конфигурации

В разделе "Предварительная загрузка" первый вариант под названием"Мгновенная страница" использует библиотеку instant.page и загружает небольшой JS файл размером менее 2 КБ(instantpage.js) локально на Вашем сайте и используется для предварительной загрузки URL, когда пользователь наводит курсор на ссылку или изображение в настольной версии. На мобильных устройствах URL-адрес предварительно загружается после того, как пользователь начинает касаться ссылки на экране, и до того, как он ее отпустит.

Через 65 миллисекунд предварительная загрузка URL начинается автоматически в фоновом режиме.

Этот инструмент является эквивалентом"Instant Click" от Litespeed и"Preload Links" от WP Rocket, поэтому если Вы используете эту опцию в любом из этих двух плагинов, Вам следует деактивировать ее, чтобы попробовать Perfmatters.

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

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

Perfmatters, руководство по конфигурации

Предварительная загрузка важных изображений (тех, которые находятся над сгибом) - это опция, которая пока находится в стадии бета-тестирования и может помочь сократить время, затрачиваемое на рисование более крупного контента (LCP) в Core Web Vitals.

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

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

Ленивая загрузка

Perfmatters, руководство по конфигурации

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

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

Шрифты

Perfmatters, руководство по конфигурации

Еще один хороший момент. Эта опция, добавленная в версию 1.7.4 программы Perfmattersбыл выпущен 7 июня 2022 года. Он позволяет Вам размещать и загружать Google Fonts локально с помощью пары щелчков мыши.

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

Функция автоматически находит любую ссылку Google Fonts, существующую на Вашем блоге, загружает соответствующие шрифты с сайта fonts.google.com и размещает их локально на Вашем сервере в каталоге: /wp-content/cache/perfmatters/your-domain.com/fonts/

Вэтой другой заметке более подробно объясняется его использование.

CDN

Perfmatters, руководство по конфигурации

Здесь нет ничего особенного, и комментировать практически нечего. Инструмент, всегда полезно добавить CDN, который Вы используете. Поскольку я использую QUIC.CLOUD, мне это пока не понадобилось.

Аналитика

Perfmatters, руководство по конфигурации

Хотя я не использую его сейчас, так как я начал переход на Matomo и передал управление сценарием Analytics моему плагину управления согласием на куки RGPD/CCPA, который также управляет им правильно, но я знаю, что он очень хорошо работает с Perfmatters, потому что я использовал его в свое время.

Отсюда Вы можете разместить скрипт Google Analytics локально. Это поможет ускорить работу Вашего сайта за счет сокращения дополнительных поисков DNS и решения проблемы "использования кэша браузера" их скрипта.

Согласно Perfmatters, как ни странно, собственный скрипт Google выдает предупреждение о кэшировании, но это потому, что у них очень короткий срок действия заголовка кэша HTTP. Если Вы размещаете его самостоятельно, заголовки кэша HTTP от Вашего собственного CDN или сервера будут применены автоматически. Другими словами, Вы получаете полный контроль над кэшированием скрипта.

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

Локальное размещение Google Analytics и обслуживание скрипта из собственной CDN или сервера также позволяет Вам воспользоваться преимуществами единого HTTP/2 соединения.

Этот пост содержит некоторые партнерские ссылки.

Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad
Artículos relacionados