Руководство по настройке плагина Perfmatters и оптимизации сайта WordPress –

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

Плагин оптимизации WordPress Perfmatters

Perfmatters — это премиум-плагин, который недоступен в бесплатном репозитории плагинов WordPress. Вам необходимо приобрести плагин на сайте стороннего разработчика и загрузить его на свой сайт. Разработчиком этого плагина является Брэйн Джексон, бывший директор по маркетингу (CMO) хостинга Kinsta. Поэтому ваши инвестиции в этот плагин будут надежной ставкой, поскольку разработчик — известный человек.

В отличие от плагинов чистого кэширования или SEO, этот плагин имеет другой подход к оптимизации.

Тарифные планы

Плагин обойдется вам в $24.95 за лицензию на один сайт и доступен для лицензии на 3 сайта ($54.95) и неограниченной лицензии ($124.95). Вы получите один год бесплатной поддержки и обновлений и 30-дневную гарантию возврата денег по всем этим планам.

Тарифные планы Perfmatters

Обратите внимание, что покупка плагина через PayPal установит соглашение об автоматическом продлении платежа. Если вы не хотите продлевать подписку через год, вам нужно вручную остановить автоматический платеж со своего аккаунта, отменив подписку. Однако 24,95 долл. США в год — это номинальная плата за премиум-плагин в мире WordPress. Поэтому вы можете продолжить автоматическое продление, если вам нравятся функции плагина. Кроме того, на плагин Perfmatters всегда доступна скидка 10%, которой вы можете воспользоваться при покупке.

Плагин куплен через PayPal

Также ознакомьтесь с купонами Perfmatters, чтобы получить дополнительные своевременные скидки.

Плагин Perfmatters

Ускорьте и удалите ненужные CSS и JS-коды, чтобы резко увеличить скорость загрузки страниц ваших сайтов WordPress.

Загрузка и установка плагина Perfmatters

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

Посмотреть подробности покупки

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

Загрузите плагин и скопируйте лицензионный ключ

Теперь войдите в панель администратора WordPress и перейдите в раздел «Плагины > Добавить новый плагин». Нажмите кнопку «Загрузить плагин» и загрузите файл плагина «perfmatters.zip», который вы скачали выше. Размер файла составляет менее 350 КБ, поэтому установка плагина на ваш сайт займет всего несколько секунд.

Плагин Perfmatters установлен

Активация плагина Perfmatters

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

• Перейдите в раздел «Настройки > Perfmatters» в панели администратора WordPress и сохраните лицензионный ключ на вкладке «Лицензия».

Лицензия Perfmatters активирована

• Перейдите в свою учетную запись Perfmatters на их веб-сайте и нажмите ссылку «Просмотреть лицензии» после входа в раздел «Учетная запись». На следующем экране нажмите ссылку «Управление сайтами» и добавьте свой сайт, как показано ниже.

Активировать лицензию

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

Возможности плагина Perfmatters

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

1. Общий раздел

Это основной раздел плагина, содержащий несколько подразделов, в которых вы можете включить или отключить функции. В разделе «Core» вы можете отключить почти все ненужные накладные расходы на вашем сайте. Как правило, WordPress загружает несколько метатегов, чтобы включить фид и другие данные в заголовок. Вы можете просто отключить их с помощью плагина Perfmatters, чтобы оптимизировать код на каждой странице вашего сайта. Вот накладные расходы, которые вы можете отключить или настроить:

• Эмодзи
• Дашиконы
• Встраивает
• XML-RPC
• jQuery Миграция
• WP-версия
• Ссылка RSD и короткая ссылка
• RSS-канал и ссылки
• Self-Pingbacks

• REST API и ссылки
• Карты Google
• Измеритель надежности пароля
• Комментарии и URL автора комментария
• Глобальные и отдельные стили блоков
• API сердцебиения
• Ограничить количество изменений поста
• Интервал автосохранения

Раздел общих настроек

Кроме того, вы можете изменить URL входа WordPress по умолчанию на пользовательский URL и отключить URL по умолчанию. Хотя это не связано с оптимизацией, это может помочь защитить ваш сайт от атак методом подбора. Еще одно лучшее, что вы можете сделать, это отключить скрипты WooCommerce, фрагментацию корзины, мета-поле статуса и виджеты, чтобы ускорить работу вашего интернет-магазина (применимо, если вы используете плагин WooCommerce),

URL-адрес входа и настройки WooCommerce в Perfmatters

2. JavaScript

В разделе «JavaScript» вы можете отложить и задержать файлы JavaScript. Отсрочка скриптов может помочь преодолеть проблемы с блокировкой рендеринга JavaScript, а задержка скриптов может помочь сократить общее время блокировки. Таким образом, эти две функции вместе повысят ваш показатель производительности до 100/100 в инструменте Google PageSpeed ​​Insights. Однако задержка внешних скриптов, таких как реклама Google AdSense, снизит показатель кликабельности, тем самым уменьшив ваш доход. Поэтому тщательно протестируйте свой сайт и поймите влияние, а не просто смотрите на показатель скорости страницы.

• Для отсрочки вы можете включить jQuery и исключить определенные файлы, если это нарушает работу вашего сайта.
• Аналогично, для задержки вы можете упомянуть имя файла по одному на строку, чтобы задержать их при загрузке и запустить только при взаимодействии с пользователем. Упомянутый тайм-аут запустит задержанные скрипты с указанным временем, даже если нет взаимодействия с пользователем.
• При необходимости включите опцию «Минимизировать JavaScript», чтобы уменьшить размер файла.

Настройки JavaScript Perfmatters

3. CSS

В этом разделе предлагаются опции «Удалить неиспользуемый CSS» и «Минимизировать CSS». Удаление неиспользуемого CSS поможет исправить блокировку отображения CSS в Google PageSpeed ​​Insights, аналогично отложенному JS. Однако это сложная функция для создания используемого CSS для каждой страницы вашего сайта и сохранения кэшированного контента в папке «/wp-content/cache/perfmatters/yoursite.com/css/». После включения этой опции вы увидите дополнительные опции для вставки используемого CSS как встроенного или загрузки в виде файла. Вы также можете выбрать способ загрузки исходных таблиц стилей, например задержку, асинхронную загрузку или полное их удаление.

Настройки CSS

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

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

Проактивное подключение внешних доменов, используемых на вашем сайте, улучшит скорость загрузки страницы, а также подключенных гиперссылок. Вы можете выполнить предварительную загрузку шрифтов/файлов CSS, предварительно подключить сторонние домены, такие как Google Fonts/YouTube и домены предварительной выборки DNS, чтобы ускорить процесс разрешения DNS. Кроме того, вы можете включить опцию «Включить страницу Insta», чтобы предварительно загружать гиперссылки URL при наведении или касании, выбрать количество изображений для автоматической предварительной загрузки и установить приоритет загрузки.

Настройки предварительной загрузки

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

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

Функции отложенной загрузки Perfmatters

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

6. Шрифты

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

• Вы можете полностью отключить все шрифты Google на своем сайте.
• Добавьте параметр подкачки, чтобы браузер использовал шрифты по умолчанию и менял их после загрузки файлов Google Fonts.
• Размещайте шрифты Google Fonts локально на своем сервере или на сервере CDN.

Оптимизация шрифтов

7. СДК

Такие CDN, как Cloudflare, предлагают интеграцию через смену DNS-сервера имен. Однако вам необходимо создать запись CNAME и переписать исходный URL для использования многих других CDN. В этом разделе вы можете включить переписывание CDN с вашим URL CDN, включить каталоги и исключить расширения файлов.

Настройки CDN

8. Аналитика

JavaScript отслеживания Google Analytics — один из ресурсов, который создает проблему блокировки рендеринга в Google PageSpeed ​​Insights и других инструментах измерения скорости, таких как Gtmetrix и Pingdom. Вы можете легко решить эту проблему, разместив код отслеживания Analytics локально с помощью плагина Perfmatters. Вам просто нужно ввести код отслеживания или идентификатор измерения и настроить другие параметры, чтобы включить эту функцию.

Настройки аналитики Perfmatters

9. Код

В разделе «Код» вы можете вставить код всего сайта в заголовок, нижний колонтитул и тело вашего сайта. Например, вы можете вставить код отслеживания Google Analytics в раздел заголовка для загрузки на всех страницах вашего сайта.

Вставьте код в верхний, нижний колонтитул и тело

10. Инструменты

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

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

Раздел инструментов Perfmatters

11. База данных

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

Оптимизация базы данных с помощью Perfmatters

Использование диспетчера скриптов в плагине Perfmatters

Script Manager помогает выборочно включать или отключать плагины, CSS и JS-файлы для каждой записи. С помощью этого вы можете исправить или удалить неиспользуемые проблемы CSS и JS в инструменте Google PageSpeed ​​Insights. Сначала включите опцию Script Manager в разделе «Настройки > Perfmatters > Общие > Инструменты > Плагин», как описано выше. Теперь отредактируйте любую существующую запись или страницу и нажмите «Script Manager» на верхней панели администратора. Кроме того, вы можете навести курсор на любую запись или страницу на странице индекса и нажать ссылку «Script Manager», чтобы открыть ее. На боковой панели вы увидите три раздела: Script Manager, Global View и Settings.

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

Настройки диспетчера скриптов

Режим MU установит обязательный плагин (MU) и предоставит больше контроля над управлением ресурсами с помощью диспетчера скриптов.

Включить режим MU

В разделе «Менеджер скриптов» вы можете увидеть все ресурсы, загруженные на текущей странице, сгруппированные по плагинам, темам и прочему. Вы можете проверить и отключить все ненужные файлы JS и CSS, загруженные на страницу. Лучшим примером является плагин Contact Form 7, который обычно требуется только на странице контактов. Однако плагин загрузит скрипт и файл CSS на все страницы, поскольку вы можете вставить блок контактной формы в любое место на сайте.

Отключить скрипты и CSS для каждой записи

Что вы можете сделать, так это отключить Contact Form 7 CSS и JS везде и сохранить изменения, чтобы отключить файлы плагина везде на вашем сайте. Вы можете редактировать страницы, где у вас есть контактная форма, и включить плагин в местоположении «Текущий URL».

Отключить плагин на всем сайте

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

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

Глобальная опция просмотра

После завершения настройки нажмите «Закрыть диспетчер скриптов» на верхней панели, чтобы закрыть его. К сожалению, плагин покажет вам опубликованный пост в тех же окнах, таким образом выходя из панели администратора WordPress. Хотя вы все еще будете авторизованы, вам придется вернуться в браузер или ввести URL-адрес администратора в браузере, чтобы снова войти в панель администратора. Мы надеемся, что в будущем разработчик внесет изменения, которые после закрытия диспетчера скриптов откроют опубликованный пост в новом окне.

Настройка постранично

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

Мета-бокс в посте

Плагин Perfmatters

Ускорьте и удалите ненужные CSS и JS-коды, чтобы резко увеличить скорость загрузки страниц ваших сайтов WordPress.

Краткое содержание

Многие пользователи путают назначение плагина Perfmatters. Как видите, это плагин оптимизации, ориентированный на отключение накладных расходов в WordPress, и он работает как предварительная загрузка, отложенная загрузка и оптимизация шрифтов. Вы также можете включить перезапись CDN и разместить Google Analytics локально, чтобы ускорить свой сайт. Однако он не выполняет ни кэширования, ни типичных SEO-функций, таких как добавление метатегов. Поэтому вам нужно объединить Perfmatters с плагинами кэширования, такими как WP Rocket, и плагинами SEO, такими как Yoast SEO. Надеюсь, теперь вы поняли функции плагина, цены и как настроить его для улучшения скорости загрузки страницы.

(тегиToTranslate)Оптимизация